tacamy · March 11, 2011 08:12 · Mar 11, 2011
diff --git a/devicePixelRatio=1_1.5 b/devicePixelRatio=1_1.5
@@ -0,0 +1,16 @@
+/* devicePixelRatio=1 & devicePixelRatio未対応ブラウザ */
+.className {
+     width: 100px;
+     height: 100px;
+     background: url(test@1x.png); /* 等倍の画像 */
+}
+
+/* devicePixelRatio=1.5以上 */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+only screen and (min-device-pixel-ratio: 1.5) {
+     .className {
+          background: url(test@2x.png); /* 2倍の画像 */
+          -webkit-background-size: 100px 100px; /* WebKit */
+          background-size: 100px 100px; /* WebKit以外 */
+     }
+}