css - Android で Chrome をターゲットにする

Question

モバイル デバイスの CSS を修正する必要があることに気付きました。Android で Chrome の CSS をターゲットにできるかどうか疑問に思っていました。

Answer 1

私はアンドロイドが異なる密度を使用していることを知っています：低、中、高。次のメディアクエリを使用して、これらのそれぞれを非常に簡単にターゲットにすることができます

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

お役に立てれば