【问题标题】:Is there a version of YUI Compressor that deals correctly with media queries?是否有正确处理媒体查询的 YUI Compressor 版本?
【发布时间】:2011-05-07 21:06:48
【问题描述】:
YUI Compressor 有一个已知错误,其中一些媒体查询,包括那些用于向 iOS 和 Android 设备提供样式的媒体查询(例如@media screen and (max-device-width: 480px) {...}),在压缩时会被破坏,因为and 和左大括号之间的空格是删除。
可从首页下载的最新版本(2.4.2)仍有此问题。
是否有修复此问题的更新版本?
【问题讨论】:
标签:
css
media-queries
minify
yui-compressor
【解决方案1】:
如果您必须在 2.4.2 中使用此功能,请使用 preserve cmets hack(通常用于版权消息)。
@media screen and/*!YUI-Compressor */(max-device-width: 480px) {...}
【解决方案2】:
是的——这个问题在 2.4.4 中得到修复,可以从 YUI Compressor 的 git 项目下载:
这个版本似乎可以工作,至少在 Mac OS X 10.6.4 上是这样。
说明:
- 从上面的页面下载压缩后的源代码,然后解压。
- 在终端中,切换到解压后的源文件夹。
- 键入
ant 并按回车键。这将创建一个名为build 的文件夹,并将构建的jar 文件放入其中。构建的jar文件名为yuicompressor-2.4.5pre.jar
- 进入 build 文件夹,运行
chmod +x yuicompressor-2.4.5pre.jar 使 jar 文件可执行。
- (可选)将 jar 文件移动到
/usr/local/bin/
- (可选)在您的
.profile 文件中创建一个别名以使其更易于运行,例如alias yuic="java -jar /usr/local/bin/yuicompressor-2.4.5pre.jar"