首页 > web前端 > html教程 > 移动端iframe用fixed有问题._html/css_WEB-ITnose

移动端iframe用fixed有问题._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-06-24 11:41:28
原创
1193 人浏览过

做移动端,底部有一个菜单,是用的iframe引用的,然后对iframe定位用fixed或者用了fixed的元素包含了iframe,在手机上都看不到元素.比如

		<div style="position: fixed;left: 0px;bottom: 0px;height:100px;width: 100%;background-color: red;">			<iframe src="blue.html" frameborder="0" width="100px" height="500px"></iframe>		</div>
登录后复制
在手机什么显示都没有,但是
		<div style="position: fixed;left: 0px;bottom: 0px;height:100px;width: 100%;background-color: red;">		</div>
登录后复制
则显示了红色的方框的,这个是兼容性问题吗?该怎么解决?


回复讨论(解决方案)

求大神指导啊!!!

问题和

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
登录后复制

这句话有关.删了就可以了这是为什么?

又经过测试..只有魅族手机不显示,

兼容无关,代码有缺陷。。。。

兼容无关,代码有缺陷。。。。

能说具体点不?

你在css中加入html{margin:0;padding:0;border:0;}还会出现红框吗???

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
javascript - 移动端做pad适配
来自于 1970-01-01 08:00:00
0
0
0
伪静态 - nginx规则求助
来自于 1970-01-01 08:00:00
0
0
0
javascript - iScroll5 ios无法滑动,安卓没问题
来自于 1970-01-01 08:00:00
0
0
0
nginx - 自动化部署的端口转发
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板