iPhone 5 横向媒体查询不起作用

我想以不同的方式显示纵向和横向 iPhone 的页面。

在 iPhone 4/4S 设备上一切正常（纵向和横向），但在 iPhone 5/5s 上只有纵向模式工作正常（横向显示正常的 PC 网站）。

你知道出了什么问题吗？

我的查询看起来像这样：

肖像：

@media (max-width: 320px) {
...
}

景观：

@media (min-width: 321px) and (max-width: 568px) {
...
}

UPDATE

我的查询现在看起来像

@media (max-width: 320px) {
    ...
}

@media screen and (max-device-width: 568px) {
    ...
}

但图片是一样的。 iPhone 4/4S（纵向/横向）和 iPhone 5/5s（纵向）工作，iPhone 5/5s（横向）工作不...

有纵向和横向的媒体查询：

@media screen and (orientation:portrait) { 
    … 
}

@media screen and (orientation:landscape) {
    …
}

如果您特别想针对 iPhone，这里有一个很棒的资源：LINK http://stephen.io/mediaqueries/#iPhone