如何使用CSS隱藏特定高度或寬度的div

Question

我正在創建一個響應式網站。我使用這樣的用於隱藏移動顯示的一些元素：

@media (max-width: 599px) { 
.hidden-mob{ 
     display: none !important; 
    }  
} 

// and then add "hidden-mobile" class for arbitrary elements 

現在我需要檢查從高度方面的一些元素。我試過這個：@media (max-height: x)但我不知道爲什麼它不起作用。還應該指出的是，我需要一個OR，我想這個條件：

If current-height <= x or current-width <= y Then hide element 

如何使用CSS我實現上述條件？

Answer 1

使用,來實現OR條件。

@media (max-width: 599px), (max-height: 700px) { 
 
    .hidden-mob { 
 
    display: none; 
 
    } 
 
}

<div class="hidden-mob">Hidden below 599px width or when height is below 700px</div>