这与Focus on input field and orientation change messes up zoom level on iOS 6 Safari类似，但链接适用于App，而非网站。
我有以下元标记（请注意，有意禁用缩放 - 不是我的电话，客户的要求：D）
<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
禁用缩放并将最大比例设置为1.0时，在您浏览网站时，方向更改可正常工作。但是，当您专注于输入和更改方向时，它会开始在页面上添加一些奇怪的东西。
更改时间：
纵向到横向 - iPad在页面底部添加了一些黑色块。
横向到纵向 - 页面宽度变宽。我使用mac检查了元素，无论添加的空间是什么，都在html之外，甚至在html和body标签上显示overflow: hidden;。
在谷歌的登录页面上发生同样的问题 - 当不专注于输入字段时，方向更改工作完全正常，但当您专注于电子邮件或密码字段并更改方向时，iPad会因某些原因放大（您必须从肖像聚焦然后一旦键盘可见，将方向更改为横向，它放大）。
幸运的是，对于谷歌来说，用户可以放大和缩小，但对我来说，客户要求缩放必须禁用。
有人对此问题有任何解决方法吗？
提前致谢！
答案 0 :(得分：0)
我发现当页面高度未设置或设置为100％时会出现此问题。我只为页面容器设置了最小高度。