媒体查询不做任何事情答案

【问题标题】：Media queries don't do anything媒体查询不做任何事情
【发布时间】：2015-03-04 20:26:48
【问题描述】：

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

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

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

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

所有查询都正常工作。我今天没有改变任何东西，当我运行项目时，查询不会做任何事情。

关于它可能是什么的任何建议？谢谢大家。

【问题讨论】：

一大堆可能性。太阳耀斑，来自火星的外星人，你电脑里的小人物让你的主板短路...... :) 更严重的是，你从昨天开始重启电脑了吗？如果您正在使用源代码控制（如果您的文件有 3k 行长，我希望您是这样），您可以尝试更新到以前的变更集并找出哪里出了问题。完全有可能您的 CSS 昨天没有工作，而您无法判断。
听从了你的建议，从昨天得到的版本，运行，工作。编译 sass 停止工作，我没有改变任何东西。也许错误出在 gulp-sass 上？

【解决方案1】：

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

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

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

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

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

5) 修复它。救济

【讨论】：