css媒体查询无法隐藏/显示div

Question

您好我是css媒体查询的新手，所以请耐心等待我，但实际上，如果屏幕尺寸小于940px宽，使用css而不是javascript，我会尝试隐藏元素。

由于某些原因，这是隐藏所有尺寸的元素，我似乎无法找到拼写错误或任何东西，它不适用于display none吗？

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

我注意到如果屏幕尺寸小于940px，它会起作用，但如果屏幕尺寸较大则不会...

还尝试添加max-width

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

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

Answer 1

如果屏幕小于940px，则隐藏元素 - 表示940px是MAX，而不是MIN：

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

Answer 2

好的，所以这是逻辑错误。将代码更改为max-width，正如Zoltan建议的那样。

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