OGeek|极客世界-中国程序员成长平台

标题: ios - 使用媒体查询检测 Mobile Safari 全屏模式 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 22:50
标题: ios - 使用媒体查询检测 Mobile Safari 全屏模式

iOS6 为 Mobile Safari 引入了新的全屏模式。它仅适用于横向并隐藏浏览器顶部和按钮栏，以及设备状态栏。

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

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

顺便说一句:我说的不是从主屏幕启动应用程序，这是一种不同的全屏模式。

---

Best Answer-推荐答案

所以，高度是 320 像素，方向是横向。这是媒体查询:

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

关于ios - 使用媒体查询检测 Mobile Safari 全屏模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12636381/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://sqlite.in/)

Powered by Discuz! X3.4