在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)

希望这有帮助