Skip to content

Instantly share code, notes, and snippets.

@vm137

vm137/CSS Retina support

Created September 10, 2015 10:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vm137/18bb9799f71daa0a3a54 to your computer and use it in GitHub Desktop.
Save vm137/18bb9799f71daa0a3a54 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS Retina support
#myimage {
width: 400px;
height: 300px;
background: url(lo-res.jpg) 0 0 no-repeat;
}
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#myimage {
background-image: url(hi-res.jpg);
}
}
@vm137
Copy link
Author

vm137 commented Sep 10, 2015

http://www.sitepoint.com/support-retina-displays/
http://www.leemunroe.com/designing-for-high-resolution-retina-displays/
http://code.tutsplus.com/tutorials/the-right-way-to-retinafy-your-websites--net-31793

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment