css – 媒体查询 – 两个宽度之间

前端之家收集整理的这篇文章主要介绍了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/(使用背景颜色,因此更容易确认)

原文链接:https://www.f2er.com/css/223270.html

猜你在找的CSS相关文章