键盘方向和媒体查询错误（应用程序模式） 将此网页添加到iOS7主屏幕 打开它，聚焦输入字段（键盘弹出） 文本变为红色，因为手机认为它处于横向模式
有什么办法吗？还是我们应该责怪苹果 注意：此问题仅在应用程序模式下发生，而不是在常规Safari浏览模式下发生。它在iOS6中运行良好 代码：键盘方向和媒体查询错误（应用程序模式） 将此网页添加到iOS7主屏幕 打开它，聚焦输入字段（键盘弹出） 文本变为红色，因为手机认为它处于横向模式,ios7,media-queries,Ios7,Media Queries,有什么办法吗？还是我们应该责怪苹果 注意：此问题仅在应用程序模式下发生，而不是在常规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">
<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>
身体{
颜色：蓝色；
}
@媒体（方向：景观）{
身体{
颜色：红色；
}
}
当处于横向时，此文本将变为红色
innerHeightinnerHeightinnerWidthinnerHeight@media only screen and (device-width: 768px) and (device-height: 1024px) and
(min-aspect-ratio: 4/3) {
/* landscape differences here */
}
对于iPhone，我可能需要一个不同的规则，但我还没有做到这一点 键盘定位错误也会影响某些web浏览器，不仅仅是应用模式，希望这两种情况都可以使用。这似乎也影响了一些安卓设备 以下是我如何在移动web浏览器中使用它的：
@media only screen and (min-device-aspect-ratio:1/1) and
(max-device-aspect-ratio:3/2) {
/* Landscape-to-portrait corrections here */
}