iOS 9 Safari Viewport错误

时间：2016-01-22 15:29:46

标签： ios ipad viewport meta-tags

我正在使用iPad版的网络项目，并使用Safari的网络检查器来处理CSS布局等。但是我已经将我的错误跟踪到了视口元标记。< / p>

当带有iOS 9.0 - 9.2的iPad Air处于纵向模式时，视口元规则会被破坏/忽略。以下是来自iPad air iOS 9.2的问题的截图：

enter image description here

问题： 在纵向时，html和body标签的计算宽度为768px，但右侧有一个大约300px的空白区域。 user-scalable=no也不适用。导航和页脚等固定项目在图像中显示为100％。 景观很好，所有其他设备/ OS＆＃39;正在按预期工作。

该网站是Utilidata.com。有没有人见过这种行为或知道修复？

<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/>

更新：我看到有reddit个人对iOS 9的视口问题感到不满。但是他们的shrink-to-fit=no解决方案并没有解决。

1 个答案:

答案 0 :(得分：0)

请确保将以下更改纳入meta＆gt; 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"/>

对我来说工作得很好！祝你好运!!!

相关问题
最新问题