css - 媒体查询 sass 按分辨率拆分

Question

有没有办法根据媒体查询解析去除 sass 样式？这是我的 sass 文件。我想将它拆分为 blue300.css 和 blue480.css？

.red {


color: red;
}
@media only screen and (max-width: 300px) {
  .blue {
    color: red;
  }
}

.blue {
  color: blue;
}

@media only screen and (max-width: 480px) {
  .blue {
    margin: 10px;
  }
}

Answer 1

我认为您希望实现类似于 Jake Archibald 为 IE 创建单独的 sass 文件的方法。

IE Friendly CSS with Sass

在您的评论中，您提到为不支持媒体查询的不同分辨率创建样式表。我不建议这样做，只为不支持媒体查询的浏览器创建一个默认样式表。