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

我正在尝试使用CSS3媒体查询来创建仅在宽度大于400px且小于900px时出现的类。我知道这可能非常简单，并且我遗漏了一些明显的内容，但我无法弄清楚。我想出的是下面的代码，感谢任何帮助。

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

最佳答案

您需要更改您的值:

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

演示:http://jsfiddle.net/xf6gA/(使用背景色，因此更容易确认)