iOS 9 Safari视口错误

问题描述:

我正在研究iPad版本的Web项目,并且正在使用Safari的Web检查器来处理CSS布局等。但是,我已经跟踪了视口元标记的bug。iOS 9 Safari视口错误

当iOS 9.0 - 9.2的iPad Air处于肖像模式时,视口元规则会被破坏/忽略。这是问题的从iPad空气的iOS 9.2的截图:

enter image description here

问题: 以人像为htmlbody标签计算宽度为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-widthheight=device-height
  • 还设置 *进制到1.00011.0

-

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/> 

运作良好,对我来说!祝你好运!!!

+0

最好的解决方法,直到苹果修复他们的sh * t – Warface