HDPIおよびMDPIラップトップ画面のメディアクエリが機能しない

Question

HDPIおよびMDPI画面の要素に異なるプロパティを適用する必要があります。 私は次のコードを試しましたが、MDPIではなくHDPIでのみ動作します。

@media screen and (min-width: 900px) { 
    .myClass { 
    margin-left: 34%; 
    } 
} 
@media screen and (max-width: 899px) and (min-width: 500px) { 
    .myClass { 
    margin-left: 43%; 
    } 
} 

ここでは、メディア画面の最小幅990ピクセル（HDPI）は動作していますが、他の場合は動作しません。私はどうすればいいのですか？

Answer 1

/* (ldpi) Android*/ 
@media only screen and (-webkit-device-pixel-ratio:.75){ 
    /* CSS */ 
} 

/* (mdpi) Android*/ 
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) { 
    /* CSS */ 
} 

/* (hdpi) Android*/ 
@media only screen and (-webkit-device-pixel-ratio:1.5){ 
    /* CSS */ 
} 

Reference 1

Reference 2