2

似乎 Android 浏览器不支持(并且在使用时中断)min-resolution媒体查询。我已经阅读了一堆建议在 Android 上使用它的网站,所以我有点困惑为什么它会破坏我的网站。

这有效(但也适用于对我的网站不利的 Android Chrome):

@media (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:1.5) { ... }

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

@media (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:1.5) and (min-resolution: 144dpi) { ... }

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

有任何想法吗?

4

1 回答 1

0

各种浏览器都有供应商前缀。我已经在许多网站上使用了以下示例,没有问题。并不是说我也包含了min-width条件,以防您需要组合多个查询:

@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 ... */
}
于 2013-04-22T16:33:39.097 回答