2011-04-23 212 views
1

如何使用CSS Media檢測摩托羅拉Xoom瀏覽器?檢測Xoom瀏覽器(Android)

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

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

+0

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

回答

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

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

+0

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

+0

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

+0

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

1

屏幕分辨率1280x800,所以寬度或者是1280800

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

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

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

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

+0

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