Retina iPad Specific CSS

Question

I\'m designing a responsive site that will look different on mobile devices. I have three separate media queries in my css plus a query for retina display(s).

Answer 1

Try:

@media only screen 
  and (min-device-width: 1536px)
  and (max-device-width: 2048px)
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
      // Retina iPad specific CSS
}