IO7键盘改变了页面的方向

Question

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

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

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

我尝试用图片解释一下这个问题：

Image1：没有键盘的Web App

Image2 点击文字字段后的网页应用

所有这一切都没有旋转iPad。

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

提前致谢！

Answer 1

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

高度=设备高度

到我的meta视口为我工作。

Answer 2

这是一个已知的iOS7错误。当键盘以全屏模式显示时（从主屏幕启动），它们会更改设备大小。我正在使用依赖于宽高比的媒体查询来解决这个问题。

Answer 3

this thread中描述的相同问题。解决方法在那里。

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

您的错误是针对Apple的iOS7，但键盘错误also effects Android devices，因此变通方法中的较宽的ascpect ratio窗口。