检测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）

回答

相关问题