0

I'm using the following media query to load retina images for smartphones, however the iPad 3 is loading these too, despite the max-width property being set to 480px

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 480px) {

The iPad 2 however, is fine.

Does anyone know how I can amend the statement so that the iPad 3 ignores it?

1 Answers1

1

Try -webkit-min-device-pixel-ratio: 2 check this one Retina iPad Specific CSS

Community
  • 1
  • 1
themunna
  • 47
  • 1
  • 6
  • Thanks but I managed to fix it with `@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 480px)` –  Apr 21 '13 at 19:13
  • Thats what I suggested :p about pixel ratio 2 is for ipad 3 – themunna Apr 22 '13 at 06:12