html - 适用于宽度和高度的媒体查询

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%;            
     }
 }