2013-07-31 70 views
2

我想補充,因爲在臺式機和Android平板電腦領域的一些衝突的設備檢測一些有條件的CSS,水庫設備檢測條件CSS

- if android_device? 
     :css 

      @media only screen and (max-width : 1280px) and (-webkit-device-pixel-ratio:2) { 

      /*CSS*/ 
      } 

任何一個可以幫助我,我不得不使用此檢查?

我從這個網址此引用: URL

+0

如果android_device? - 這是什麼? – user1721135

+0

只有微軟認爲:「我們通常把它錯了,所以讓包括一種讓開發者來解決我們的問題」 –

回答

3

沒有的嚴格使用CSS檢測操作系統或網絡瀏覽器的方法。

我推薦使用Javascript功能來檢測網絡瀏覽器/操作系統,並附加類的頁面的相應的<body>

然後,您可以寫具體到每個用例中,如果遇到特定的標準,這將只兌現CSS。

這裏是一個example on jsFiddle

-3

下面的代碼是無效的CSS:

- if android_device? 
     :css 

如果你想要寫的桌面特定的風格和Android設備則:

1 )您可以直接包含桌面樣式,而無需在CSS中進行任何媒體查詢。

2)樣式其中Ar特定於機器人裝置能夠媒體查詢之間被包括在作爲

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) { 

    /*CSS */ 
} 
+1

這並沒有解決檢測的Android設備,僅屏幕的寬度。 – Makita