css - 媒体查询-最大宽度问题

我想通过display：none删除一个html元素。当屏幕宽度小于500px时;

@media (max-width:500px)
  {
    button { display:none};
    }

<button>Test</button>

问题是，当屏幕小于300px时按钮消失
不小于500px

最佳答案

这似乎很好

https://jsfiddle.net/8k2w28m6/

@media screen and (max-width:500px)