CSS 媒体查询不起作用？

Question

我正在尝试为使用 >800px 分辨率宽度的人隐藏一些 div。

我把这个:

@media only screen and (max-device-width: 799px) {
.well {
  display: hidden;
    } 
}

在我的样式表中，但它似乎不起作用。我确定我遗漏了一些简单的东西，但我不知所措。

谢谢!

Answer 1

使用 >800px 所以如果屏幕更大，那么我试图隐藏一些 div

那么你的查询是错误的:

@media only screen and (min-device-width: 799px) {
.well {
  display: hidden;
    } 
}