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