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

【问题标题】：CSS tags/media queries for chrome on iPhoneiPhone上chrome的CSS标签/媒体查询
【发布时间】：2012-07-05 22:27:32
【问题描述】：

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

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

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

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

【问题讨论】：

标签： css google-chrome safari ios

【解决方案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

【讨论】：

太棒了，谢谢哥们。是否有任何我可以查看的代码示例？
不客气！我已经用 JS sn-p 更新了我上面的帖子。