媒体查询什么都不做

Question

我用 SASS 做 HTML 和 CSS 有一段时间了，直到今天我的所有响应都在工作，突然我的 css 媒体查询停止响应.

它们在正在加载到网页上的 css 文件中，但没有元素对它们做出反应...我无法将 3k 行的完整 css 文件复制到这里..

但我想我缺少一些基本的东西。我正在使用 gulp-sass 并且在处理 css 时它没有报告任何错误。

我快疯了，我想不出问题所在。直到今天一切正常，我需要在星期一之前交付一个项目，但我无法做出响应。

所有查询都有效。我今天没有做任何更改，当我运行项目时，查询不会执行任何操作。

有什么建议吗？谢谢大家。

Answer 1

测试通常是您最好的选择。确保您的媒体查询位于优先级 CSS 文件的最底部 - 以确保它们不会被覆盖。不管你的代码有多少千行：

1) 注释掉你所有的媒体查询 2）运行一个测试，例如：

@media screen and (max-width: 600px) {
    body {
      background-color: black;
    }
  }

3) 将浏览器的宽度调整为小于 600px，如果您的背景颜色变为黑色，则可能是您的预处理器没有问题，是时候调试您的代码了。

4) 一次注释掉您的媒体查询一个代码块，直到您发现不起作用的块。

5) 修复它。救济

Media queries don't do anything