检测Xoom浏览器(Android)

Question

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

例如，对于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 ;))。对于我的网站，我设计了普通版和移动版。