CSS と画像の 2 つの異なるインスタンスを使用して、2 つの異なるモバイル デバイスで見たい結果を得ることができます。320 の画面幅を使用するデバイスの場合、画像を image1.png として実装します。iPhone4 (Retina Display) などの最新のデバイスでは、画像を image1@2x.png として実装します。これには、normal.css スタイルシートと、次を使用して呼び出されるhirez.css スタイルシートが必要です。
<link href="theme/hirez.css" rel="stylesheet" type="text/css"
media="only screen and (-webkit-min-device-pixel-ratio: 1.5)" />
ただし、これらの新しい Amoled / Super Amoled 携帯電話では、これらの 2x イメージのレンダリングが非常に不十分です。すべての 2x 画像がピクセル化されて表示されます。
私は何が間違っているのかを理解しようとしています...ファイル名ごとに2セットの画像があり、正しいcssシートを呼び出しています...どんな助けでも大歓迎です。