Retina media queries

[grappler]

Hello, I ran this css through CSS Lint and I am getting Parsing Errors and I don't see how come.

 

/* Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {
        background: green;
    }
}

Is there a problem with the css? 

[Jonathan Klein]

It looks like CSS Lint is unhappy with the Opera specific fractional value (-o-min-device-pixel-ratio:3/2).  Your options are either to remove that declaration if you need CSS Lint to pass, or just ignore it if you don't.  This is valid CSS, so it's probably a bug in the parser (although that Opera syntax is ludicrous, and hopefully it will soon be obsolete, so it might not be worth fixing).  You can open an issue on github for this as well.

[Nicholas Zakas]

IIRC, there is already a bug for this.

-N

--

______________________________
Nicholas C. Zakas
@slicknet

Author, Professional JavaScript for Web Developers
Buy it at Amazon.com: http://www.amazon.com/Professional-JavaScript-Developers-Nicholas-Zakas/dp/1118026691/ref=sr_1_3