检测 Xoom 浏览器(Android)

发布于 2024-11-03 00:02:34 字数 159 浏览 1 评论 0原文

如何使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

饮惑 2024-11-10 00:02:34
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) { … }

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

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

See: http://webdesign.about.com/od/css3/a/css3-media-queries.htm

天涯沦落人 2024-11-10 00:02:34

屏幕分辨率为 1280x800,因此宽度为 1280800

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

或者

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

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

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

The screen resolution is 1280x800, so the width is either 1280 or 800:

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

or

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

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文