Css Mediaquery-最大宽度问题

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

@介质（最大宽度：500px）
{
按钮{显示：无}；
}

---

测试

这似乎工作正常

---

你想用切肉刀切面包。您希望在设备宽度小于给定宽度的情况下应用规则，但您的规则应用于

max width

，而不是

max device width

。修复程序应该类似于：

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

<button>Test</button>

@媒体屏幕和（最大设备宽度：500px）
{
按钮{显示：无}；
}
试验

在我的FF

51.0.1

中工作正常。尝试了

@媒体屏幕和（最大宽度：500px）{

？我使用的是google choomeRobbin，我们需要最大设备宽度。您的解决方案之所以有效，是因为浏览器窗口最大化，并且宽度接近设备宽度。

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

<button>Test</button>