css - Is there a version of YUI Compressor that deals correctly with media queries?

Question

YUI Compressor has a known bug where some media queries, including those used to serve styles to iOS and Android devices (e.g. @media screen and (max-device-width: 480px) {...}), are broken when compressed, because the space between the and and the opening brace is removed.

• http://yuilibrary.com/projects/yuicompressor/ticket/2527991

The latest version available for download from the homepage (2.4.2) still has this issue.

• http://yuilibrary.com/downloads/#yuicompressor

Is there an updated version available where this issue is fixed?

Answer 1

If you have to get this working in 2.4.2, use the preserve comments hack (normally used for copyright messages).

@media screen and/*!YUI-Compressor */(max-device-width: 480px) {...}