Android浏览器在分辨率上与CSS媒体查询中断
在媒体查询中,Android浏览器似乎不支持(使用时会中断)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
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 ... */
}