- 将此网页添加到您的iOS7主屏幕
- 打开它,聚焦输入字段(键盘弹出)
- 文本变为红色,因为手机认为它处于横向模式
有没有什么方法可以解决这个问题?或者我们只能责怪苹果公司?
注意:此问题仅在应用程序模式下发生,在常规Safari浏览模式下不会发生。在iOS6中,它运行良好。
代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<style>
body {
color: blue;
}
@media (orientation:landscape) {
body {
color: red;
}
}
</style>
<body>
<h3>this text will go red when in landscape</h3>
<input type="text" />
</body>