Html 没有看到媒体查询？Css

我遇到了一个问题，我决定在

style.css

的底部执行上面所有的样式

.searchMoveDown, .moveIcons{
    display:visible;
}

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

当我将屏幕缩小到768px以下时，当我清楚地说

display:none时，这两个类仍然可见更糟糕的是chrome没有看到媒体查询。现在我决定在一个样式表中完成它，主要是因为bootstrap就是这样做的，而且它看起来比获取两个样式表更干净

我是错过了什么还是

对我来说，这些都不起作用，也许我只是疯了。
您的媒体查询中缺少px

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

您缺少查询中的单位

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

你试过验证你的CSS吗？我知道这很愚蠢>>哈哈，我们都这么做@LogicLookingA CSS validator是防止这种心理失误的一个很好的第一道防线。@Diodeus“无效属性填充”，“对不起，at规则@-webkit关键帧未知”…现在杀了我。该死，Donte'Trumble打败了我！：-）哈哈哈哈哈哈哈哈我想要那些积分哈哈