Because it is not a declaration set specifically for retina images. Try taking
out the resolution part which you have separated with a comma which means "or".
Your declaration basically says...
All screens 320 to 568 px with a ratio of 2 OR all screens with a
min-resolution of 192 dpi
Best,
Karl
Sent from losPhone
> On Apr 6, 2016, at 6:59 AM, Crest Christopher <crestchristop...@gmail.com>
> wrote:
>
> There is something I don't understand, I have the following MQ;
>
> @media only screen
> and (min-device-width : 320px)
> and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio:
> 2),(min-resolution: 192dpi) {
>
> Within the MQ I have a style which consists of a x2 image & for testing
> purposes a 4px solid black border. Why is the 4px solid black border showing
> on all devices not strictly retina devices ?
>
> Christopher
> ______________________________________________________________________
> 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/
______________________________________________________________________
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/
