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
#46 (comment).