simplify media queries for retina-image mixin

[justinph]

'min--moz-device-pixel-ratio' is now an unsupported media query from Mozilla. According to Chris Coyer (this)[http://css-tricks.com/snippets/css/retina-display-media-query/] works cross-browser and is much less verbose.

[mdo]

Is this new media query backwards compatible though?

[justinph]

It appears to work in in browsers that have supported Retina in the past, with some minor caveats:

• Doesn't work in Firefox 16 and below. Firefox auto-updates now, and current version is 24.
• Obviously doesn't work in IE8 and below, but no IE8 devices are running on retina screens.
• Not sure about older vesions of safari.
• Apparently works in IE 10 and Windows Phone 8 (http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/).
• Haven't tested in IE 11, but if IE10 works...

[nayanredweb]

Hi Justin, Which component are you mentioning?

redWEB ApS http://redweb.dk Duong Can Thi Thuy Supporter +84 989 339 691

redWEB ApS Blangstedgaardsvej 1 5220 Odense SØ +45 23 888 777

www.redcomponent.com http://redcomponent.com | www.redweb.dk http://redweb.dk On 10/23/2013 10:58 PM, Justin Heideman wrote:

It appears to work in in browsers that have supported Retina in the past, with some minor caveats:

• Doesn't work in Firefox 16 and below.
• Obviously doesn't work in IE8 and below, but no IE8 devices are running on retina screens.
• Not sure about older vesions of safari.
• Apparently works in IE 10 and Windows Phone 8 (http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/).
• Haven't tested in IE 11, but if IE10 works...

— Reply to this email directly or view it on GitHub https://github.com/mdo/preboot/pull/46#issuecomment-26917596.