没有看到媒体查询？ CSS [关闭]

Question

我遇到了一个问题，我决定在 style.css 的底部我会做上面的所有样式

.searchMoveDown, .moveIcons{
    display:visible;
}

@media (max-width: 768){
   /* Hide the search and icons in the nav.*/
  .searchMoveDown, .moveIcons{
      display:none;
  }
}

当我将屏幕缩小到小于 768 像素时，当我清楚地说display: none; 时，这两个类仍然可见，更糟糕的是，chrome 没有看到媒体查询。现在我决定在一个样式表中进行，主要是因为 bootstrap 就是这样做的，而且看起来比获取两个样式表更干净。

是我遗漏了什么还是......

对我来说这些都不起作用，也许我只是疯了。

Answer 1

您在查询中缺少单位！

@media (max-width: 768px){
   /* Hide the search and icons in the nav.*/
  .searchMoveDown, .moveIcons{
      display:none;
  }
}

Answer 2

您的媒体查询中缺少 px 。

@media (max-width: 768px){
       /* Hide the search and icons in the nav.*/
      .searchMoveDown, .moveIcons{
          display:none;
      }
    }