html - 没有看到媒体查询? CSS

标签 html css twitter-bootstrap media-queries

<分区>


关闭 8 年前

  • 这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。
  • 要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

我遇到了一个问题,我决定在 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 就是这样做的,而且它看起来比获取两个样式表更干净。

我是不是遗漏了什么或者......

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

最佳答案

您的媒体查询中缺少 px。

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

关于html - 没有看到媒体查询? CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19847327/

上一篇:javascript - JS 按钮的 CSS 适用于本地计算机,但不适用于服务器

下一篇:javascript - IE7 zoom CSS 导致flash影片移动

相关文章:

javascript - 在模态 html 中格式化数据

html - Div 容器放不下内容

javascript - 以下两个使用 querySelectorAll() 的语句有什么区别?

html - 导航栏上的 Bootstrap 断点

javascript - 溢出 :hidden, 我在这里做错了什么

javascript - HTML - 包括 JS 文件的绝对路径

javascript - Noty.js - 设置 noty 对象的宽度

html - 用于为表格创建斑马背景的 CSS(SCSS?)选择器

c# - 回发后保留 Bootstrap 选项卡#

css - 我怎样才能让菜单出现在左边呢?