html - 如何使用 CSS 隐藏特定高度或宽度的 div

<分区>

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

@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 实现上述条件？

最佳答案

使用,实现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>

关于html - 如何使用 CSS 隐藏特定高度或宽度的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32484618/

上一篇：javascript - Jquery 删除具有类型效果的文本

下一篇：javascript - 为什么 ng-model 不更新 Controller 值选择？

相关文章：

javascript - 根据单元格内容为数据表中的特定行着色

Javascript 监听图像加载调用并在图像加载之前更改 src

javascript - CSS 关键帧动画在某些浏览器中无法运行

html - CSS 行内 block 尺寸差异

包含 HTML 的侧边菜单会干扰页面间距

javascript - 如何为单选按钮和复选框设置禁用/只读功能

html - 使 div 顶部和底部边框具有锯齿状边缘

javascript - 如何使用 JavaScript 清除 div 的内容？

javascript - 由于列表中的图像，导航事件类将无法工作

html - 溢出隐藏导致子元素出现在自己的行