Sass媒体查询编译css

Question

我已经开始使用Sass并使用我的旧css代码并使用它。为了编译，我使用了prepros，它可以选择压缩CSS，节省一些空间。

我遇到的问题是，当SCSS代码最后编译成1行时，媒体查询为空

这就是我的SCSS的样子，作为一个例子

@media all and (max-width: 900px) {
  body {
    background-color: red; }
}

这就是编译的内容

body{background-color:blue;}@media all and (max-width: 900px){}

我不是百分之百肯定有空格，但你明白了，我认为这是一行代码。 当把东西放到一个新的行中时，它会在崇高的文本中被正确地突出显示。

有没有办法继续压缩我的CSS但让媒体查询工作？

编辑：我检查过，输出看起来与此完全相同

@media all and (max-width: 900px){}

所以这不是“和”

背后缺少空间的错误

Edit2：仍然不能正常工作，这是我崇高文本中的确切代码，在浏览器中不起作用。

.overlay{-webkit-filter:blur(0);opacity:1;transition:all 0.5s ease-in-out}@media all and (max-width: 900px){}

Sublime不认为它是正确的http://i.imgur.com/9lTP3ux.png

我的代码在哪里？为什么压缩的CSS缺少媒体查询的内容

Answer 1

我几天前也遇到过这个问题，我不认为在更新前准备工作之前就是这种情况，但是我找不到让它工作的方法，除非我把媒体查询放在选择器中外面的

所以，如果你真的这样做：

body{
    @media all and (max-width: 900px){
        background-color: red;    
    }
}

Prepros shoudl正确编译。这是SASS打算让媒体查询工作的方式，但由于普通的CSS基本上是有效的SCSS，我认为prepros真的应该开始反过来支持它了。

Answer 2

body{
background-color:red;
  @media all and (max-width:900px)
  {
    background-color:blue;
  }
 }