> Le 2 mai 2015 à 04:27, Tom Livingston <tom...@gmail.com> a écrit :
>
> Drawing a blank on this. Is this correct syntax for this MQ?
>
> @media only screen and (min-width: 600px) and
> (-webkit-min-device-pixel-ratio: 1.5), (min-width: 600px) and
> (min-resolution: 144dpi){ rules here }
Nothing wrong with that, but the 2 sets are not equal:
* for webkit/blink based browsers 3 conditions must be true:
'only screen' + 'min-width' + ' -webkit-min-device-pixel-ratio'
* for other browsers (and webkit/blink based browsers will also understand
this) there are only 2 conditions that must be true:
'min-width' + 'min-resolution'
> I'm using this in picturefill (ver 1.x) and I think it's causing an
> error and need another pair of eyes. Picturefill use is:
>
> <span class="d-2x" data-src="img/logo2x.png" data-media="(min-width:
> 600px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 600px)
> and (min-resolution: 144dpi)"></span>
IDKN ? what error do you get? a test case would be useful…
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
