css - 如果没有js太小，隐藏元素

Question

如果窗口大小低于最小大小，我喜欢隐藏内容。我找到了一个示例（http://css-tricks.com/dynamic-page-replacing-content/），但我不知道它为什么有效。

<div class="container">
    <div class="box left">foo1</div>
    <aside class="box right">foo2</aside>
</div>

目标是，如果容器的宽度低于指定的最小尺寸，则将隐藏。这应该在没有javascript的情况下工作，只需使用css。

score 8 · Accepted Answer

您正在寻找的是“CSS 媒体查询”。

此示例将仅使用 CSS 完成您正在寻找的内容：

@media only screen and (max-device-width: 480px) {
  aside { 
    display:none;
  }
}

1 回答 1