iOS 9 Safari 视口错误

Question

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

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

问题： 在纵向时，html 和 body 标签的计算宽度为 768 像素，但右侧有一个大约 300 像素的空白区域。 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 解决方案没有解决。

Answer 1

确保将以下更改合并到meta > viewport：

• 删除 width=device-width 和 height=device-height
• 也设置 *-从1.0 缩放到1.0001。

-

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

对我来说效果很好！祝你好运！！！