Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/200.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 响应式网页设计:安卓默认浏览器;认为;他比他大_Android_Css_Responsive Design_Android 4.2 Jelly Bean - Fatal编程技术网

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) { ... }