使用SASS和Breakpoint合并媒体查询（响应）

使用SASS和Respond-To（断点）会生成一个带有多个媒体查询的.css文件，而不是合并。使用SASS和Breakpoint合并媒体查询（响应）

不是什么大不了的事，但在IE8中，使用css3-mediaqueries.js会导致IE8崩溃。 css3-mediaqueries.js为每个媒体查询添加样式标签，并且IE8不能达到32 ...

如何自动合并所有媒体查询？

谢谢

2013-07-04 sayam

-1

通常，多个媒体查询并不是什么大问题，这要归功于GZIP在从服务器传递到客户端时用于压缩CSS。

要在IE7和8中启用媒体查询支持，我已成功使用Respond.js。

看到这个小指南如何Respond.js与Selectivizr结合：https://stackoverflow.com/a/16732064/901944

2013-07-05 05:04:31

“我可以只用gzip”是不是一个很好的理由有一个不必要的大的CSS文件。当您的缓存大小有限时，Gzip也无济于事。 – cimmanon

好的谢谢，完美的工作！但我会尽量在稍后写一些东西来合并它们，并释放一些空间。 – sayam

@cimmanon，你说SASS不支持自动分组媒体查询，而Eric Meyer [推荐]（http://stackoverflow.com/a/12824576/901944）**从不**通过媒体查询手动分组样式。那么为什么你认为CSS不必要**太大？ –

Sass没有此功能。要么更好地规划您的媒体查询，以便只有尽可能少的几个或找到第三方应用程序来为您合并它们。

2013-07-05 00:56:40 cimmanon

回答