2013-10-02 52 views
1

使用iPad Mini。 IO 7.0.1 我有一个Web应用程序,在主屏幕上以纵向模式运行。请记住。使用一切都在IO6(所有版本)正常工作IO7键盘更改页面方向

当我点击输入字段的问题出现了:

  • 键盘弹出(这就是OK)
  • 由于键盘弹出我猜,网页进入横向模式! - 搞乱整个布局(见图像)
  • 光标跳到下一个输入字段!

我试图用图像来解释这个问题有点多:

此搜索:没有键盘的Web应用程序 step 1

镜像2:点击文本字段后的Web应用程序 step 2

所有这些都没有旋转iPad。

这里的任何人也遇到过这个问题? 有没有办法阻止这种行为。也许有一个选项可以完全停止页面改变其方向? (我只需要支持肖像!)

在此先感谢!

+0

听起来像一个缩放问题,没有更多的代码,这里的人很难帮助你,查看元标记https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef /Articles/MetaTags.html – slf

回答

0

这是一个已知的iOS7错误。当键盘以全屏模式出现时(从主屏幕启动),它们正在更改设备大小。我正在使用依赖纵横比的媒体查询来解决这个问题。

0

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

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

您的错误是Apple7特有的iOS7,但是键盘错误also effects Android devices,因此变通方法中的宽高比宽度窗口。

3

不知道这是否是相关或不:-),但加入

高度=设备高度

到我的中继检视为我工作。