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

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

Answer 2

我最近写了一个npm模块和一个grunt插件，它自动将css文件分成媒体查询文件。在这种情况下，它将为每个找到的媒体查询创建一个单独的css文件。 This是cli，this是grunt插件

媒体查询按分辨率分割

2 个答案: