advanced code snippet search

Posted By

chrisaiv on 01/05/13


Tagged

css query media


Versions (?)

CSS: Retina display media query

 / Published in: CSS
 

URL: http://css-tricks.com/snippets/css/retina-display-media-query/

I needed a quick way to target high-resolution graphics. Here was my final solution

Expand | Embed | Plain Text 
  1. /* High Resolution artwork*/
  2. @media
  3. only screen and (-webkit-min-device-pixel-ratio: 2),
  4. only screen and (   min--moz-device-pixel-ratio: 2),
  5. only screen and (     -o-min-device-pixel-ratio: 2/1),
  6. only screen and (        min-device-pixel-ratio: 2),
  7. only screen and (                min-resolution: 192dpi),
  8. only screen and (                min-resolution: 2dppx) { 
  9. }

Report this snippet  

You need to login to post a comment.