0

iOS が画像を拡大するのはなぜですか? サイトを構築していて、モバイル フレンドリーにしたいのですが、iOS で見ると、何らかの理由でピクセルベースの画像が拡大されています。

ブラウザは画像を適切なサイズに保つべきではありませんか? Dev Tools を使用して主に Chrome でテストし、iPhone 4 をエミュレートするように設定しましたが、画像はまったく拡大縮小されず、想定どおりに表示されます。

私はいくつかのスクリーン ショットを撮りました。iPhone の幅は 640px ですが、私のメディア クエリは次のとおりです。

@media screen and (max-device-width: 479px)

私は何を間違っていますか？これに対する解決策が見つかりません。ピクセルを維持するには、ピクセルフォント画像が必要です。私のスプラッシュスクリーンも同じです。必要に応じて利用可能なスクリーン ショット....

4

1 に答える 1

2

エミュレーターが Retina ディスプレイではないため、画像がスケーリングされていないため、おそらく問題は発生していませんが、デバイスはおそらく iPhone 4 以降であり、Retina ディスプレイが搭載されているため、必要があると想定されています。特に指示がない限り、画像をスケーリングします。

Retina ディスプレイを搭載したデバイスの場合、画像の解像度はブラウザでもデバイスと同じように機能します。鮮明な画像が必要な場合は、Retina ディスプレイ用に別の画像を指定する必要があります。このスタック オーバーフローの投稿には、それを実装するためのいくつかの提案があります: HTML での画像に対する Apple Retina サポート

于 2013-05-25T00:15:20.527 に答える