/* devicePixelRatio=1（iPhone3〜3GS）とdevicePixelRatio未対応ブラウザ */

.className {
     width: 320px;
     height: 200px;
     background: url(../images/image@1x.jpg) no-repeat;  /* 等倍サイズの画像 */
	 background-color:#d4f5f5;
}

/* devicePixelRatio=1.5 （Android系に多い）*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

     .className {
          background: url(bgimg.png); /* 1.5倍サイズの画像 */
          -webkit-background-size: 100px 100px; /* WebKit */
          background-size: 100px 100px; /* WebKit以外 */
		  background-color:#d4f5f5;
     }
}

/* devicePixelRatio=2 （iPhone4）*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

     .className {
          background: url(../images/image@2x.jpg)  no-repeat; /* 2倍サイズの画像 */
          -webkit-background-size: 320px 200px; /* WebKit */
          background-size: 320px 480px; /* WebKit以外 */
		  background-color:#d4f5f5;
     }
}