Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.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浏览器在分辨率上与CSS媒体查询中断_Android_Css_Media Queries_Android Browser - Fatal编程技术网

Android浏览器在分辨率上与CSS媒体查询中断

Android浏览器在分辨率上与CSS媒体查询中断,android,css,media-queries,android-browser,Android,Css,Media Queries,Android Browser,在媒体查询中,Android浏览器似乎不支持(使用时会中断)min分辨率。我读过很多网站建议在Android上使用它,所以我有点困惑为什么它会破坏我的网站 这是可行的(但也适用于Android Chrome,这对我的网站不好): @media(-webkit最小设备像素比:1.5)和(-webkit最大设备像素比:1.5){…} 这不包括Chrome,但也破坏了默认浏览器: @media(-webkit最小设备像素比:1.5)和(-webkit最大设备像素比:1.5)以及(最小分辨率:144dp

在媒体查询中,Android浏览器似乎不支持(使用时会中断)
min分辨率
。我读过很多网站建议在Android上使用它,所以我有点困惑为什么它会破坏我的网站

这是可行的(但也适用于Android Chrome,这对我的网站不好):

@media(-webkit最小设备像素比:1.5)和(-webkit最大设备像素比:1.5){…}

这不包括Chrome,但也破坏了默认浏览器:

@media(-webkit最小设备像素比:1.5)和(-webkit最大设备像素比:1.5)以及(最小分辨率:144dpi){…}

即使将其设置为
1dpi
也有相同的效果


有什么想法吗?

各种浏览器都有厂商的前缀。我已经在很多网站上使用了下面的例子,没有问题。并不是说我还包括了一个
minwidth
条件,以防您需要组合多个查询:

@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
   (min-width: 480px) and (-moz-min-device-pixel-ratio: 1.5),
   (min-width: 480px) and (min-device-pixel-ratio : 1.5) {
 /* ... Styles ... */
}