Android 响应式网页设计:安卓默认浏览器;认为;他比他大
我有下面的元标签Android 响应式网页设计:安卓默认浏览器;认为;他比他大,android,css,responsive-design,android-4.2-jelly-bean,Android,Css,Responsive Design,Android 4.2 Jelly Bean,我有下面的元标签 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> 当我在手机上用Chrome打开网站时,一切都按预期进行-最大设备宽度:480px规则被使用。但当我用安卓4默认浏览器打开网站时,它会使用最大设备宽度:640px规则。你能解释这种行为吗?试着用这个标签@media(max width:640px){…}
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
当我在手机上用Chrome打开网站时,一切都按预期进行-
最大设备宽度:480px
规则被使用。但当我用安卓4默认浏览器打开网站时,它会使用最大设备宽度:640px
规则。你能解释这种行为吗?试着用这个标签@media(max width:640px){…}
和@media(max width:480px){…}
。你试过用max width
而不是max device width
,它能正常工作。但我们不想在用户更改浏览器窗口大小时显示手机设计。所以我们使用的是max device width
您是指PC上的浏览器窗口大小吗?是的,我们对所有设备使用相同的html/css。所以PC用户可以更改浏览器的宽度。当浏览器窗口宽度非常小时,手机设计将显示出来,这对我们的客户不利。难道你不能假设99.9%的电脑屏幕至少为1024px吗?请查看我上面的评论-我们希望使用max device width
而不是max width
,这就是我所知道的关于max device width的所有信息看起来像Android浏览器处理屏幕分辨率
==设备宽度
@media all and (max-device-width: 640px) { ... }
@media all and (max-device-width: 480px) { ... }