小编典典

媒体查询 - 在两个宽度之间

all

我正在尝试使用 CSS3 媒体查询来制作一个仅在宽度大于 400 像素且小于 900
像素时出现的类。我知道这可能非常简单,而且我遗漏了一些明显的东西,但我无法弄清楚。我想出的是下面的代码,感谢任何帮助。

@media (max-width:400px) and (min-width:900px) {
    .class {
        display: none;
    }
}

阅读 102

收藏
2022-07-28

共1个答案

小编典典

您需要切换您的值:

/* No less than 400px, no greater than 900px */
@media (min-width:400px) and (max-width:900px) {
    .foo {
        display:none;
    }
}...

Demo: http: //jsfiddle.net/xf6gA/(使用背景色,更容易确认)

2022-07-28