0

我正在使用以下 CSS @media 查询为 iPhone 和 Android 等移动浏览器设置页面样式：

@media only screen and (max-device-width: 480px) {
     // CSS here
}

但是，我的一位用户说它没有检测到他的 Droid 2 手机。他的用户代理字符串是：

Mozilla/5.0 (Linux; U; Android 2.2; en-us; DROID2 GLOBAL Build/S273) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.12011-07-18 05:34:59

那是怎么回事？

4

2 回答 2

2

Droid 2 的屏幕显然是 854x480，所以试试 (max-device-width: 854px)。

参考：http ://arstechnica.com/gadgets/reviews/2010/08/hands-on-motorolas-droid-sequel-is-a-worthy-update.ars

于 2011-07-22T19:34:17.457 回答
0

如果您这样做max-device-width: 854px，它将始终包括480px.
关键词：最大

于 2012-06-12T13:48:59.127 回答