iPhone上chrome的CSS标签/媒体查询
<p><p>所以 Chrome 在这里适用于 iOS .. 万岁!</p>
<p>但现在由于屏幕布局不同(没有页脚工具栏)，它无法为 iphone 网页制作完美布局。</p>
<p>我的公司有一个网站，它完美地位于 iPhone 屏幕内，无需滚动，看起来就像一个应用程序。然而，现在 chrome 以其不同的屏幕布局在这里(并且广受欢迎)，为 iphone safari 调整大小的网站现在看起来很奇怪。</p>
<p>是否存在或将存在将 chrome 从 safari 中分离出来并赋予它们不同 CSS 的方法？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>您可以检查用户代理，因为移动版 chrome 包含“CriOS”字样。根据这一点，您可以加载不同/额外的样式表。</p>
<pre><code>Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0
(KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3
</code></pre>
<p>见:<a href="https://developers.google.com/chrome/mobile/docs/user-agent" rel="noreferrer noopener nofollow">https://developers.google.com/chrome/mobile/docs/user-agent</a> </p>
<p>你可以用JS只用两行检查它:</p>
<pre><code>var userAgent = navigator.userAgent.toString().toLowerCase();
if(userAgent.indexOf('crios') != -1) { alert('you are using chrome for ios') }
</code></pre>
<p>对于 PHP 看看:</p>
<p> <a href="http://be2.php.net/manual/en/function.get-browser.php" rel="noreferrer noopener nofollow">http://be2.php.net/manual/en/function.get-browser.php</a> </p></p>
<p style="font-size: 20px;">关于iPhone上chrome的CSS标签/媒体查询，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/11343762/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/11343762/
</a>
</p>
页:
[1]