使用媒体查询检测Mobile Safari全屏模式

Question

iOS6为Mobile Safari推出了全新的全屏模式。它仅以横向方式提供，并隐藏浏览器顶部和按钮栏以及设备状态栏。

如何使用媒体查询检测新模式？我尝试使用 width 媒体查询，但无法使其工作。

我能够使用JS document.documentElement.clientHeight来区分它们，它在默认情况下返回 208 ，在全屏模式下返回 320。

不过：我不是在谈论从主屏幕启动应用程序，这是一种不同的全屏模式。

Answer 1

所以，身高是320px，方向是风景。这是媒体查询：

@media only screen and (height : 320px) and (orientation : landscape) {
    /* rules here */
}