• • 此问题在此处已有答案**：

Why media queries has less priority than no media queries css（2个答案）
2天前关闭。
我无法测量高度：100vh工作;当窗口的分辨率低于1000px时，请按照代码操作。我尝试了几种方法来使其工作，但我不能

@media (max-width: 1400px){
   #child{
      height: 100vh; /* does not work */
   } 
}

#father {
   z-index: 2;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: red;
   text-align: center;
}

#child{
   background-color: #f2f2f2;
   border: 1px solid #ddd;
   margin: 20px auto;
   padding: 10px;
   width: 60%;
   height: 30%;
   text-align: center;
   cursor: auto;
}

<div id="father">
    <div id="child">test
    </div>
</div>