iOS 9 Safari 视口(viewport)错误

Question

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

当装有 iOS 9.0 - 9.2 的 iPad Air 处于纵向模式时，视口(viewport)元规则被破坏/忽略。这是 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 的视口(viewport)问题感到害怕。然而他们的 shrink-to-fit=no解决方案无法解决。

Answer 1

确保将以下更改合并到 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"/>

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