Chrome瀏覽器的CSS標籤/媒體查詢

Question

因此，Chrome瀏覽器適用於iOS .. Hoorah！

但是，現在由於不同的屏幕布局（沒有頁腳工具欄），它有能力爲iPhone網頁做出完美的佈局。

我有一個網站，我的公司完全住在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