iphone - 方向媒体查询 (css) 在 Ipod w/iOS 4.2.1 上不起作用

Question

我正在开发一个移动网站，使用移动样板作为基础框架。在我的样式表中，我使用 @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，视网膜显示屏)上运行良好，但在旧 iPod Touch(型号 MC086FD，iOS 4.2.1，无视网膜显示屏)上不起作用。即使在纵向模式下，也会应用横向样式。

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

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

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

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

Answer 1

iOS 从 1.0 开始就支持媒体查询，所以这不是你的问题。我认为前视网膜显示屏/非 iPad 设备不支持方向。