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）修复它。浮雕