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

您好，我是css媒体查询新手，所以请耐心听我说，但实际上，如果屏幕大小小于940px，我会使用css而不是javascript来隐藏一个元素

出于某种原因，这是隐藏在所有大小的元素，我似乎找不到打字错误或任何东西，它不与显示无工作

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

我注意到，如果屏幕尺寸开始小于940px，它就工作了，但如果屏幕尺寸开始大于940px，它就不工作了

还尝试添加最大宽度

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

---

但出于某种原因，这是没有效果的。aaaah

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

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

---

好吧，这是一个逻辑错误。。按照佐尔坦的建议，将代码更改为最大宽度就达到了目的

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

---

@媒体屏幕和（最大宽度：1920px）和（最小宽度：940px）这仍然只是在firefox中隐藏div：（如果要在屏幕小于940时隐藏div，请将其设置为最大宽度-

@media all和（最大宽度：940px）{

lol当然，这完全有道理。thanksI太沉迷于媒体查询语法了，以至于我忘了看它到底在说什么。lol，该喝杯咖啡了。当这种类型的“bug”出现时，该上床睡觉了：）咖啡不会有多大帮助