Hello,
I have always used:
@mixin retina {
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
@content;
}
}
@mixin print {
@media print {
@content;
}
}
This is written in SASS but I'm sure you get the idea.
Credit:http://davidwalsh.name/write-media-queries-sass
—
Sent from Mailbox
On Fri, Apr 24, 2015 at 2:54 PM, Tom Livingston <[email protected]> wrote:
> List,
> I'm add in an MQ for high rez screens (a.k.a. Retina) and am wondering if I
> can do better:
> (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
> I know dppx is up and coming but support is lacking. What would be the most
> inclusive, future-proof MQ? I've probably seen something before but can't
> come up with the right Google search terms to find anything other than what
> I have.
> TIA
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
