iPhone上chrome的CSS标签/媒体查询

所以 Chrome 在这里适用于 iOS .. 万岁!

但现在由于屏幕布局不同(没有页脚工具栏)，它无法为 iphone 网页制作完美布局。

我的公司有一个网站，它完美地位于 iPhone 屏幕内，无需滚动，看起来就像一个应用程序。然而，现在 chrome 以其不同的屏幕布局在这里(并且广受欢迎)，为 iphone safari 调整大小的网站现在看起来很奇怪。

是否存在或将存在将 chrome 从 safari 中分离出来并赋予它们不同 CSS 的方法？

---

Best Answer-推荐答案

您可以检查用户代理，因为移动版 chrome 包含“CriOS”字样。根据这一点，您可以加载不同/额外的样式表。

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

见:https://developers.google.com/chrome/mobile/docs/user-agent

你可以用JS只用两行检查它:

var userAgent = navigator.userAgent.toString().toLowerCase();
if(userAgent.indexOf('crios') != -1) { alert('you are using chrome for ios') }

对于 PHP 看看:

http://be2.php.net/manual/en/function.get-browser.php

关于iPhone上chrome的CSS标签/媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11343762/