Skip to content

Instantly share code, notes, and snippets.

@steveosoule
Created November 1, 2012 21:46
Show Gist options
  • Save steveosoule/3996834 to your computer and use it in GitHub Desktop.
Save steveosoule/3996834 to your computer and use it in GitHub Desktop.
Retina Display Media Query
@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