iPadiPhoneスケールの背景画像

Question

IPad/iPhoneがビューポートに合うように背景画像を縮小した経験がある人はいないかと思います。

私の場合、JavaScriptを介して背景画像を交換していますが、新しい背景画像は非常に幅が広く、大きなディスプレイに収まります。ただし、iPadは、JavaScriptを介してDOMに追加される背景画像を縮小しています。画像のサイズに設定された「-webkit-background-size」を使用してこれを解決しましたが、これにより背景画像が引き伸ばされてピクセル化されます。

Adi · Accepted Answer

これはiPadで機能しました：

-webkit-background-size: length_x length_y;

Ryukra · Answer

IphoneOSは、200万ピクセル（幅*高さ）を超えるすべての画像を50％縮小します。背景を2枚に分けて管理しました。

Aaron · Answer

あなたがしなければならないのは、あなたのページの中にこのメタタグを追加して、背景画像が拡大縮小されるのを防ぐことです。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />