如何識別設備爲iPad和Galaxy Tab製作單獨的css？

Question

我的web應用程序必須支持多個設備。我已經爲所有移動平板設備編寫了通用的CSS，但它在iPad上給出了一些問題。我找到了專門針對iPad的修補程序。

現在我想分離出iPad和銀河設備的CSS。

有什麼辦法可以在媒體查詢或任何其他方式來加載一個CSS爲iPad和另一個爲星系設備？

Answer 1

您可以使用media queries進行組合檢測設備並定位您的CSS。設備具有一組特定的屬性（分辨率，方向，寬度，高度等），您可以使用媒體查詢挑選它們。這裏的MDN's reference和another article進一步的參考，還有一個similar question

Answer 2

可以使用是一個關於size of screen問，如果這是不是足夠多出於某種原因（可能是屏幕大小相同或者你必須知道的唯一媒體查詢模型），您可以使用this script來識別設備並根據設備加載相關的css。

Answer 3

您可以非常簡單地檢測iOS設備（如iPad或iPhone）的http請求用戶代理，並將它們與正則表達式進行比較，並相應地包含相關的CSS。 一個簡單的正則表達式來檢測iPhone/iPad的將是：

(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))? 

Answer 4

如果通過「修復專門針對iPad的，你說的是修復到已安裝Safari瀏覽器實例 - 你應該使用特徵檢測。

使用指定的JS庫是最容易的，我更喜歡Modernizr。