0

iPhone 4+ の Retina ディスプレイについて読み始めたところですが、imagefilename@2x.extension がない場合、これらすべての iPhone4+ が Web ページで通常のサイズの 2 倍の画像を表示しているかどうかを知りたいです。

メディアクエリのような余分なコードをすべて記述し、すべての背景画像の後に @2x を追加する必要がある場合、これは大きな頭痛の種になります...

もしそうなら、あなたの最も迅速な解決策は何ですか？ありがとうございました。

4

2 に答える 2

3

Mobile Safari はポイントとして解釈pxするため、Retina デバイスでアプリを動作させるために何もする必要はありません。

ただし、高解像度の画像を提供したい場合は、CSS メディア クエリでラップします。

@media all and (-webkit-device-pixel-ratio:2) {
    #id {
        background-image: url(background@2x.png);
        background-size: 100% 100%;
    }
}
于 2012-04-21T20:55:47.733 に答える
3

ファイル名は Web サイトとは関係ありません。画像ファイルには任意の名前を付けることができます。「@2x」は、Retina Web 画像に多く使用される非公式の標準です。Retina 画像を使用する場合は、メディア クエリを使用して、CSS を介して画像を高解像度バージョンと交換できます。

http://benfrain.com/how-to-serve-high-resolution-website-images-for-retina-displays-new-ipadiphone4/

于 2012-04-21T19:58:49.867 に答える