定向媒体查询（css）在带有/ iOS 4.2.1的Ipod上不起作用

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-但问题仍然存在）

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

iOS 4.2.1。不支持方向媒体查询？我google'd并且发现它应该至少从4.2开始支持。

是否还有其他媒体查询仅检测到iPhone并且无法使用设备宽度或比率？

Answer 1

从1.0开始，iOS支持媒体查询，因此这不是您的问题。我相信视网膜前显示器/非iPad设备不支持定位。