檢測Xoom瀏覽器（Android）

如何使用CSS Media檢測摩托羅拉Xoom瀏覽器？檢測Xoom瀏覽器（Android）

例如對於iPad，我使用@media only screen and (device-width:768px)

什麼是摩托羅拉Xoom瀏覽器的類似媒體查詢？

2011-04-23 testndtv

我刪除了'javascript'標籤並添加了一個'mediaqueries'標籤。 – levu 2011-04-23 06:59:35

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

參見：http://webdesign.about.com/od/css3/a/css3-media-queries.htm

來源

2011-04-23 06:56:52 Nirmal

你換了最小和最大意外 – levu 2011-04-23 06:58:36

@levu - 啊謝謝！我從about.com教程中複製並粘貼了該bug行;） – Nirmal 2011-04-23 07:01:22

Thx很多..我有2個問題; 1.如果我使用上述媒體查詢，我可以確定它只會定位到Xoom瀏覽器，或者可能有很多設備寬度在800和1280之間 2.如果我想將ipad.css和xoom.css應用於相同的HTML文件，我可以確定使用2個獨立的媒體查詢，不會有任何不正確的重合，並且將錯誤的CSS應用於任何設備。 – testndtv 2011-04-23 07:12:50

屏幕分辨率1280x800，所以寬度或者是1280或800：

@media only screen and (device-width:800px)

或

@media only screen and (device-width:1280px)

所以，你也可以使用其他根據th的佈局e設備方向。

雖然，我不會只依靠設備寬度。如果您確實想要檢測Xoom瀏覽器，則唯一的可能性是查看用戶代理字符串，因爲有許多屏幕具有此維度。對於我的網站，我不使用特殊的平板電腦版本，平板電腦瀏覽器非常好，他們不需要額外的照顧（與IE不同））。對於我的網站，我設計了普通版和移動版。

來源

2011-04-23 06:57:24 levu

好的.Is Opera是適用於所有Android平板電腦的瀏覽器，如果可以，所有Android平板電腦的相同樣式集都可以正常運行？ – testndtv 2011-04-23 07:20:02

檢測Xoom瀏覽器（Android）

回答

相關問題