商店系统中的媒体查询答案

【问题标题】：Mediaquerys in a shopsystem商店系统中的媒体查询
【发布时间】：2014-06-22 12:47:12
【问题描述】：

我正在使用一个名为“Prestashop”的商店系统，它基本上是免费的，但支持一堆模块。我很久以前购买了一个模块，它使用 javascript 或 css3 管理网站上的背景。

我也可以添加 .css 元素，所以我这样编辑它：

.nav .container { background: #333; }
.container {background: #f6f6f6;}
.functional-buttons {display:none!important}
@media (min-width: 1900px!important)

除了最后一个，一切正常。这个想法是如果屏幕分辨率为 1900 像素或更高，则仅显示模块背景。我很确定我以某种方式失败了，但我希望你们能帮助我:)

【问题讨论】：

标签： javascript css media-queries

【解决方案1】：

@media (min-width: 1900px!important) {
.nav .container { background: #333; }
.container {background: #f6f6f6;}
.functional-buttons {display:none!important}
}

是吗？

【讨论】：

最好解释一下这段代码如何帮助回答 OP 的问题，而不是仅仅粘贴随机代码块。
好的，我发现我的页面背景获得了“vegas-background”类，所以如果我想在分辨率低于 1900 时禁用背景，它应该如下所示：@media (min-width: 1900px) { .vegas-background {display:none} }还是我错了？
差不多就是这样。您希望在媒体查询中的条件正确时读取 css。所以你想要 max-width: 1900px 使用 min-width，它会在你超过 1900px 时应用
你能告诉我怎么做吗？我是这样尝试的：@media (min-width: 1900px)and(max-width: 2100px) { #vegas-background{ display:none; } } 但这对我不起作用。