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

Question

我正在创建一个响应式网站。我使用这样的东西来隐藏一些移动显示的元素：

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

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

现在我需要从 height 方面检查一些元素。我试过这个：@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>