如何使用CSS[复制]隐藏特定高度或宽度的div

Question

我正在创建一个快速响应的网站。我使用类似这样的方法来隐藏一些用于移动显示的元素：

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

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

现在我需要从高度方面检查一些元素。我尝试了这个：@media（max-高： x），但我不知道为什么它不起作用。还需要注意的是，我需要一个OR，我想要这个条件：

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

如何使用CSS实现上述条件？

Answer 1

使用、来实现或条件。

@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>