css - 在 Android 上定位 Chrome

Question

我注意到移动设备上的 CSS 需要一些修复，我想知道是否可以针对 Android 上的 Chrome 的 CSS？

Answer 1

我知道 android 使用不同的密度：低、中和高。您可以使用以下媒体查询非常轻松地定位其中的每一个

@media only screen and (-webkit-device-pixel-ratio:.75){
    /* Put CSS for low density (ldpi) Android layouts in here */
}

@media only screen and (-webkit-device-pixel-ratio:1){
    /* Put CSS for medium density (mdpi) Android layouts in here */
}

@media only screen and (-webkit-device-pixel-ratio:1.5){
    /* Put CSS for high density (hdpi) Android layouts in here */
}

您可以使用 Safari 和 Chrome

@media screen and (-webkit-min-device-pixel-ratio:0)

希望这可以帮助