如何爲不同的移動設備指定不同的Css（BB，Iphone，Nexus ...）

Question

我目前正在開發一個將在手持設備上使用的ASP.net和jQuery + jQm移動Web應用程序。我希望能夠指定Blackberry的主題，一個用於Google Nexus，另一個用於IPhone，而不僅僅是這些。

有沒有什麼辦法可以爲CSS3中的每個人指定一個主題？ 您能指出在這種情況下要做什麼。 另外，我希望當我旋轉屏幕，以保持上述所有設備的設計。

我目前這個實驗：

@media screen and (orientation:landscape) and (max-width: 819px) 

，但我打開其他方法也。

謝謝！

Answer 1

您可以通過使用javascript或通過服務器端代碼檢查瀏覽器用戶代理。

I recommend this mobile phone detector

Answer 2

不是在CSS中，但使用JS，你可以點擊navigator.useragent屬性併爲每個平臺動態加載相應的樣式表。