检测 Xoom 浏览器(Android)
如何使用 CSS Media 检测 Motorola Xoom 浏览器?
例如,对于 iPad,我使用 @media only screen 和 (device-width:768px)
Motorola Xoom 浏览器的类似媒体查询是什么?
How can I detect the Motorola Xoom browser with CSS Media?
e.g. for iPad, I use @media only screen and (device-width:768px)
What is the similar media query for the Motorola Xoom browser?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
请参阅:http://webdesign.about.com/od/css3 /a/css3-media-queries.htm
See: http://webdesign.about.com/od/css3/a/css3-media-queries.htm
屏幕分辨率为
1280x800
,因此宽度为1280
或800
:或者
因此,您还可以根据设备方向使用其他布局。
不过,我不会仅仅依赖于设备宽度。如果您确实想检测 Xoom 浏览器,您唯一的可能就是查看用户代理字符串,因为有许多屏幕具有此尺寸。对于我的网站,我不使用特殊的平板电脑版本,平板电脑浏览器非常好,它们不需要额外的照顾(与 IE 不同;))。对于我的网站,我设计了普通版和移动版。
The screen resolution is
1280x800
, so the width is either1280
or800
:or
So you can also use other layout depending on the device orientation.
Although, i wouldn't just rely on the device width. If you really want to detect the Xoom browser, your only possibility is to look at the user agent string, because there are many screens having this dimensions. For my websites i don't use special tablet versions, the tablet browsers are so good, they don't need extra care (unlike IE ;)). For my websites I design normal and mobile versions.