iOS4ではピクセル化されていますが、iOS5ではありません

Question

HTMLのpxにwidth属性の画像タグがあります。このHTMLをIOS4で実行すると、明確な画像が表示されますが、IOS5では、この画像はピクセル化されて表示されます。提案してください。

Answer 1

ファイル名に接尾辞「@ 2x」を追加して、高解像度画像をターゲットにするために、AppleがSDKで使用する命名規則に従うことを選択しました。したがって、低解像度デバイスの場合、標準アイコンが「icon.png」の場合、RDデバイスは「icon@2x.png」になります。これをミックスに取り入れるために、網膜ディスプレイをターゲットとするCSSファイルにメディアクエリを追加しました：

@media all and (-webkit-min-device-pixel-ratio: 2) { 
    #home-news a {background-image:url(images/icon@2x.png);} 
}