Chrome浏览器的CSS标签/媒体查询

因此，Chrome浏览器适用于iOS .. Hoorah！Chrome浏览器的CSS标签/媒体查询

但是，现在由于不同的屏幕布局（没有页脚工具栏），它有能力为iPhone网页做出完美的布局。

我有一个网站，我的公司完全住在iPhone屏幕内，不需要滚动，它看起来像一个应用程序。然而，现在Chrome浏览器在不同的屏幕布局下（而且非常流行），现在看起来很奇怪。

是否有或将会有方法从safari中分离出铬并为它们提供不同的CSS？

2012-07-05 Mick79

您可以针对用户代理进行检查，因为移动版本的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

来源

2012-07-05 11:59:53 exaptis

这是真棒，谢谢哥们。这个代码有没有一个例子可以让我看看？ – Mick79 2012-07-05 12:08:43

不客气！我已经用JS代码片段更新了我的帖子。 – exaptis 2012-07-05 14:26:02

Chrome浏览器的CSS标签/媒体查询

回答

相关问题