Skip to content

Instantly share code, notes, and snippets.

@carloscabo

carloscabo/gist:5231666

Created March 24, 2013 12:15
Show Gist options
  • Save carloscabo/5231666 to your computer and use it in GitHub Desktop.
Save carloscabo/5231666 to your computer and use it in GitHub Desktop.
Download ZIP
#CSS #retina Targetting retina displays with media-query
Raw
gistfile1.css
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.image{
background: url (myIMG@2x.png);
}
}
/* Source: http://designmodo.com/design-retina-displays/#ixzz2OSV8VJYW */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment