定向媒体查询 (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-但问题仍然出现)

我也检查了http://wapsbttest1.momac.net/sandbox/css3/media_queries.html与两个ipod，旧的一个告诉我，它是在横向模式，即使它不是…(愚蠢的iPod !)

在iOS 4.2.1。不支持定向媒体查询?我谷歌了一下，发现它应该至少从4.2开始支持。

是否有其他媒体查询只检测iphone，不与设备宽度或比例工作?

Answer 1

iOS从1.0开始就支持媒体查询，所以这不是你的问题。我认为pre-retina display/非ipad设备不支持方向