適用於寬度和高度的媒體查詢

Question

我有一個媒體查詢來檢查屏幕高度，如下所示，但無論屏幕高度（1200 或 1050）如何，只有第一個查詢適用並設置高度 = 94%。 任何人都可以幫我解決這個問題。

謝謝

@media screen and (min-device-width: 1920px) and (max-device-height: 1200px) {
     .tab-content-parent-ht {
        height:94%;            
      }
 }

@media screen and (min-device-width:1920px) and (max-device-height: 1050px) {
    .tab-content-parent-ht {
         height:91.5%;            
     }
 }

Answer 1

您可以像下面這樣修改您的代碼：

@media screen and (min-device-width: 1920px) and (min-device-height: 1051px) {
     .tab-content-parent-ht {
        height:94%;            
      }
 }

@media screen and (min-device-width:1920px) and (max-device-height: 1050px) {
    .tab-content-parent-ht {
         height:91.5%;            
     }
 }