方向媒体查询 (css) 不适用于带有 iOS 4.2.1 的 Ipod答案

【问题标题】：Orientation media-query (css) doesn't work on Ipod w/ iOS 4.2.1方向媒体查询 (css) 不适用于带有 iOS 4.2.1 的 Ipod
【发布时间】：2012-01-15 21:01:34
【问题描述】：

我正在开发一个移动网站，使用移动样板作为基本框架。在我的样式表中，我使用@mediaqueries 来检测设备是处于纵向还是横向模式。

@media screen and (orientation: portrait) {
    .topteaser .article-headline { font-size: 138.5%; }
}

@media screen and (orientation: landscape) {
    .topteaser .article-headline { font-size: 123.1%; }
}

这在 iPod Touch（型号 MC540FD，iOS 4.3.3，Retina 显示屏）上运行良好，但在旧的 iPod Touch（型号 MC086FD，iOS 4.2.1，无 Retina 显示屏）上不起作用。即使在纵向模式下，也会应用横向样式。

（顺便说一句，我删除了 Cookies、Cache 和 Chronic，重新启动 iPod-但问题仍然出现）

我还用两个 iPod 检查了http://wapsbttest1.momac.net/sandbox/css3/media_queries.html，旧的告诉我它处于横向模式，即使它不是......（愚蠢的 iPod！）

iOS 4.2.1.不支持方向媒体查询？我用谷歌搜索，发现至少从 4.2 开始它应该是 supportet。

是否有任何其他媒体查询仅检测 iPhone 并且不适用于设备宽度或比率？

【问题讨论】：

标签： iphone css orientation ipod media-queries

【解决方案1】：

iOS 自 1.0 起就支持媒体查询，所以这不是您的问题。我相信视网膜前显示器/非 iPad 设备不支持方向。

【讨论】：

感谢您的评论。看来你是对的，所以我必须将基于方向的媒体查询更改为基于宽度的媒体查询。