ios - 使用媒体查询检测 Mobile Safari 全屏模式
<p><p>iOS6 为 Mobile Safari 引入了新的全屏模式。它仅适用于横向并隐藏浏览器顶部和按钮栏，以及设备状态栏。 </p>
<p>如何使用媒体查询检测新模式？我尝试使用 <em>width</em> 媒体查询，但无法正常工作。</p>
<p>我能够使用 JS <code>document.documentElement.clientHeight</code> 区分它们，它在默认情况下返回 <strong>208</strong> 和在全屏模式下返回 <strong>320</strong> .</p>
<p>顺便说一句:我说的不是从主屏幕启动应用程序，这是一种不同的全屏模式。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>所以，高度是 320 像素，方向是横向。这是媒体查询:</p>
<pre><code>@media only screen and (height : 320px) and (orientation : landscape) {
/* rules here */
}
</code></pre></p>
<p style="font-size: 20px;">关于ios - 使用媒体查询检测 Mobile Safari 全屏模式，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/12636381/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/12636381/
</a>
</p>
页:
[1]