css - CSS媒体查询不适用于隐藏/显示div

Question

嗨，我是 css 媒体查询的新手，所以请多多包涵，但本质上，如果屏幕尺寸小于 940px 宽，我会尝试使用 css 而不是 javascript 隐藏一个元素。

出于某种原因，这隐藏了所有尺寸的元素，我似乎找不到错字或任何东西，它不适用于 display none 吗？

@media all and (min-width: 940px) {
#smallDistrictMap
{
    display:none;
}
}

我注意到如果屏幕尺寸开始小于 940 像素，但如果屏幕开始尺寸更大，它就不会工作......

还尝试添加最大宽度

@media all and (max-width: 2000) and (min-width: 940px) {
#smallDistrictMap
{
    display:none;
}
}

但这由于某种原因没有效果。啊啊啊

score 2 · Accepted Answer

如果屏幕小于 940 像素，则隐藏元素 - 意味着 940 像素是 MAX，而不是 MIN：

@media all and (max-width: 940px) {
#smallDistrictMap
    {
        display:none;
    }
}

score 0 · Accepted Answer

好的，这是逻辑错误..按照 Zoltan 的建议将代码更改为 max-width 就可以了。

@media all and (max-width: 940px) {
    #smallDistrictMap
    {
        display:none;
    }
}

2 回答 2