html - DIV 在小屏幕上不会消失

Question

我尝试了很多不同的方法，但没有任何效果。

我想让 DIV 在小于 499px 的屏幕上消失。

div.navND {
    display: none;
}

div.navNM {
    display: none;
}

@media screen and (min-width: 750px) {
    div.navND {
        clear: both;
        display: block;
    }
}

@media screen and (min-width: 500px) {
    div.navNM {
        clear: both;
        display: block;
    }
}

@media screen and (max-width: 499px) {
    div.navNM {
        display: none;
    }
}

谁能帮我解决这个问题。

谢谢

Answer 1

@media screen and (max-width: 499px) {
    div#id { 
        display:none;
    }
}

我认为应该使具有给定#id 的 div 在 499 及以下消失。因此，如果您希望它在 499 时仍然可见，只需将其更改为 498。

http://jsfiddle.net/y6gffrp6/1/

^ 在该示例中，我以 700 为例。