隐藏div取决于水平browserviewport

Question

我使用Twitter的Bootstrap 2进行流畅布局（响应式设计），如果浏览器的水平尺寸小于800px，我想隐藏一个div框。

我该怎么做？

Answer 1

您可以将自定义类应用于要隐藏的元素，并向其添加display:none属性，以将其隐藏在@media查询中，该查询以您选择的宽度为目标，如下所示： / p>

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

只需确保将@media查询方式放在自定义样式表的末尾。