Skip to content

Instantly share code, notes, and snippets.

@erickarbe

erickarbe/cross-browser HiDPI CSS @media rule

Created November 17, 2012 14:23
Show Gist options
  • Save erickarbe/4096313 to your computer and use it in GitHub Desktop.
Save erickarbe/4096313 to your computer and use it in GitHub Desktop.
Download ZIP
Serve HiDPI graphics for printing, regardless of screen resolution. Specify Opera's vendor-prefixed device pixel ratio property, for Opera desktop. Specify a minimum Webkit device pixel ratio of 1.25 instead of 1.5, to serve 2x images to Android device
Raw
cross-browser HiDPI CSS @media rule
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment