当屏幕尺寸小于特定尺寸时隐藏 div 元素

我有一个 div 元素，当浏览器的宽度小于或等于 1026px 时，我想隐藏它。这可以用CSS来做吗：@media only screen and (min-width: 1140px) {}如果用css无法实现，还有其他选择吗？

额外信息： 当 div 元素隐藏时，我不想要空白。我希望页面能够像我从代码中完全删除 div 元素一样流动。

我隐藏的div是<div id="fadeshow1"></div>.

HTML5 文档类型。

I used javascript to place a gallery into that div.


I want it to look like this when it is bigger than 1026px width:

I want it to look like this when it is less than 1026px width:

您可以使用 CSS 来做到这一点：

@media only screen and (max-width: 1026px) {
    #fadeshow1 {
        display: none;
    }
}

我们正在使用max-width，因为我们想对 CSS 进行例外处理，当屏幕出现时smaller比1026px。min-width将使 CSS 规则适用于所有宽度为 1026px 的屏幕，并且larger.

需要记住的是@mediaIE8 及更低版本不支持查询。