2

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

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

但我认为我缺少一些基本的东西。我正在使用 gulp-sass，它在处理 css 时没有报告错误。

我要疯了，我无法弄清楚问题所在。直到今天一切正常，我需要在周一之前交付一个项目，但我无法做出响应。

所有的查询都在工作。今天我什么都没做，当我运行项目时，查询不会做任何事情。

关于它可能是什么的任何建议？多谢你们。

4

1 回答 1

2

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

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

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

3) 将浏览器的宽度调整为小于 600 像素，如果您的背景颜色变为黑色，那么您的预处理器和调试代码的时间可能没有问题。

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

5）修复它。宽慰

于 2015-03-04T20:56:22.073 回答