ipad - IO7 键盘改变页面方向

Question

在 iPad Mini 上工作。IO 7.0.1 我有一个 Web 应用程序，从主屏幕以纵向模式运行。记住。过去在 IO6 中一切正常（任何版本）

当我单击输入字段时出现问题：

• 键盘弹出（没关系）
• 因为键盘弹出我猜，网页进入横向模式！- 弄乱整个布局（见图）
• 光标跳到 NEXT 输入栏！

我尝试用图像更多地解释这个问题：

图 1 ：没有键盘的 Web App

图2：单击文本字段后的 Web App

这一切都无需旋转 iPad。

这里有人也遇到过这个问题吗？有没有办法阻止这种行为。也许可以选择完全阻止页面改变方向？（我只需要支持人像！）

提前致谢！

Answer 1

不知道这是否相关:-)，但添加

高度=设备高度

我的元视口对我有用。

Answer 2

这是一个已知的 iOS7 错误。当键盘以全屏模式出现（从主屏幕启动）时，他们正在更改设备大小。我正在使用取决于纵横比的媒体查询来解决它。

Answer 3

此线程中描述的相同问题。解决方法在那里。

当键盘以纵向模式弹出时，如果它占据屏幕的一半以上，则会触发横向模式，而不是像应有的那样简单地重叠纵向屏幕。

您的错误是 Apple 的 iOS7 特有的，但键盘错误也会影响 Android 设备，因此解决方法中的宽高比窗口。