iOS 9 Safari视口错误
问题描述:
我正在研究iPad版本的Web项目,并且正在使用Safari的Web检查器来处理CSS布局等。但是,我已经跟踪了视口元标记的bug。iOS 9 Safari视口错误
当iOS 9.0 - 9.2的iPad Air处于肖像模式时,视口元规则会被破坏/忽略。这是问题的从iPad空气的iOS 9.2的截图:
问题: 以人像为html
和body
标签计算宽度为768px但有一个白色的空间大约300px的权利。 user-scalable=no
也不适用。像导航和页脚这样的固定项目显示为100%,如图中所示。 景观很好,所有其他设备/操作系统“按预期工作。
该网站为Utilidata.com。有没有人看到这种行为或知道修复?
<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/>
更新:我看到reddit人吓坏了有关iOS的9的视问题。但是他们的shrink-to-fit=no
解决方案不能解决。
答
确保作更改下面meta
>viewport
:
- 删除
width=device-width
和height=device-height
- 还设置 *进制到
1.0001
从1.0
。
-
<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>
运作良好,对我来说!祝你好运!!!
最好的解决方法,直到苹果修复他们的sh * t – Warface