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

Question

所以Chrome在这里适用于iOS。万岁！

然而，现在由于不同的屏幕布局（没有页脚工具栏），它破坏了为 iPhone 网页制作完美布局的能力。

我有一个公司的网站，它完美地驻留在iPhone屏幕内，不需要滚动，它看起来像一个应用程序。然而，现在chrome以其不同的屏幕布局出现（并且广受欢迎），为iphone野生动物园调整大小的网站现在看起来很奇怪。

有没有，或者会有方法可以将chrome从safari中分离出来并给他们不同的CSS？

Answer 1

您可以检查用户代理，因为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