CSS検出高画素密度スクリーン装置


iPhone 4は640 pxの解像度ですが、画面幅(device-width)は320 pxでiPhone 3 Gと同じですが、iPhone 4 Sの画素密度は2です.
ではmeta viewportを使うときは、この違いに注意する必要があります.高画素密度デバイスを検出する場合は、次のようなCSS文を使用します.
@media screen and (-webkit-device-pixel-ratio: 2) { 
  body{
     background-color: red;
  }
}