我正在使用以下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
这是怎么回事?
答案 0 :(得分:2)
Droid 2的屏幕显然是854x480,所以试试(max-device-width:854px)。
答案 1 :(得分:0)
如果您执行max-device-width: 854px
,则会始终包含480px
关键词:最大