结合匹配的媒体查询？

Question

我想知道是否有一种工具可以将匹配的媒体查询条件组合到一个定义中。我使用LESS与css3mediaqueries.js结合使用，但是由于输出样式表由于嵌套而具有超过32个媒体查询，并且导致代码在CSS3格式中无法特别维护，因此常常会挂起。

我找到了一些东西，但它只适用于Grunt; https://www.npmjs.org/package/grunt-combine-media-queries

Answer 1

LESS团队选择组合多个匹配的媒体查询。您可以在Github上的这个问题中阅读它：https://github.com/less/less.ruby/issues/196

我认为你需要寻找一个CSS工具来组合规则，因为LESS编译器不会在不久的将来支持它（如果有的话）。

您找到的Grunt工具也会解析编译后的CSS以组合媒体查询： https://github.com/buildingblocks/grunt-combine-media-queries/blob/master/tasks/combine_media_queries.js

考虑使用Grunt构建你的LESS。