Update HiDPI CSS @media rule

Provide greater cross-browser support. Thanks to Wordpress - http://core.trac.wordpress.org/changeset/22629 - and @marcedwards - see issue #1127.
h5bp · Dec 28, 2012 · 1987e5a · 1987e5a
1 parent 4644672
commit 1987e5a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ### HEAD
 
+* Update HiDPI example media query ([#1127](https://github.com/h5bp/html5-boilerplate/issues/1127)).
+
 ### 4.0.2 (9 December, 2012)
 
 * Update placeholder icons.

diff --git a/css/main.css b/css/main.css
@@ -220,8 +220,10 @@ textarea {
     /* Style adjustments for viewports that meet the condition */
 }
 
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
-       only screen and (min-resolution: 144dpi) {
+@media print,
+       (-o-min-device-pixel-ratio: 5/4),
+       (-webkit-min-device-pixel-ratio: 1.25),
+       (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
 }