检测Xoom浏览器（Android）

Question

如何使用CSS Media检测Motorola Xoom浏览器？

e.g。对于iPad，我使用@media only screen and (device-width:768px)

摩托罗拉Xoom浏览器的类似媒体查询是什么？

Answer 1

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

请参阅：http://webdesign.about.com/od/css3/a/css3-media-queries.htm

Answer 2

屏幕分辨率为1280x800，因此宽度为1280或800：

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

或

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

因此，您还可以根据设备方向使用其他布局。

虽然，我不仅仅依赖于设备宽度。如果您确实想要检测Xoom浏览器，您唯一的可能是查看用户代理字符串，因为有许多屏幕具有此维度。对于我的网站，我不使用特殊的平板电脑版本，平板电脑浏览器非常好，他们不需要额外的照顾（不像IE;））。对于我的网站，我设计了普通版和移动版。