HDPI和MDPI筆記本電腦屏幕不起作用的媒體查詢

我必須將不同的屬性應用於HDPI和MDPI屏幕的元素。我試過下面的代碼，但它只適用於HDPI而不適用於MDPI。HDPI和MDPI筆記本電腦屏幕不起作用的媒體查詢

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

這裏媒體屏幕最小寬度990px（HDPI）正在工作，但對於其他它不起作用。我應該怎麼做？

來源

2016-11-07 vidal

/* (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

來源

2016-11-07 05:13:57 Pranjal

我期待爲華電國際和MDPI筆記本電腦的屏幕答案.. u能編輯答案..謝謝 – vidal

@ vidal..This可能有助於you..http：/ /density.brdrck.me/ – Pranjal

這是令人困惑的。我應該爲分辨率1440x900和1280x800的筆記本電腦屏幕提供什麼最小寬度和最大寬度？ – vidal

HDPI和MDPI筆記本電腦屏幕不起作用的媒體查詢

回答

相關問題