Skip to content

Instantly share code, notes, and snippets.

@SaraSoueidan
Created June 8, 2013 02:32
Show Gist options
  • Save SaraSoueidan/5733722 to your computer and use it in GitHub Desktop.
Save SaraSoueidan/5733722 to your computer and use it in GitHub Desktop.
Retina media queries (target only retina screens)
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2), /* Looks like a bug, so may want to add: */
only screen and ( -moz-min-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) {
/* Your retina specific stuff here */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment