Question

我遇到了一个问题，我决定在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正在做的事情，并且它似乎比获取两个样式表更清晰。

我错过了什么或....

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

Answer 1

您在媒体查询中缺少px。

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

Answer 2

您在查询中缺少单位！

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

媒体查询没有被看到？ CSS

2 个答案: