iPadのウェブサイトに読み込む画像の最大高さは何ですか？[複製] - css、image、ipad

可能な重複：
Mobile Safariの最大画像幅は？パノラマの不要なダウンスケーリングを取得する

画像を読み込むための最大の高さはいくつですかiPadのウェブサイトで。 7500pxを超える高さの画像（スプライト）をロードしてもiPadのブラウザに表示されません。 私が身長を減らすと、それは現れ始めます。

Fyi、スプライトは小さなアイコンの集まりで、私はそれを生成するためにコンパスを使っています。

回答：

この記事では、2メガピクセルの制限について説明します。 バグ iPadで。それは「最大の高さについてではありません - それは最大のピクセル数についてです」。

http://duncandavidson.com/blog/2012/03/webkit_retina_bug

解決策：プログレッシブJPEGを使う。

これは、すべてのMobile Safariブラウザでは奇妙なことです。画像のサイズは、比率に関係なく、1024 x 1024 x 3ピクセル以下にする必要があります。 defusion.orgは、それが2,000,001ピクセルを超えてはいけないと言っています。

それを遠近感で考えると、高さ7500pxのスプライトは2000000/7500 = 266pxより広くてはいけません。 ipad / iphoneで縮小されていない

これについてもう少し詳しく説明します。 http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

そしてその背後にある物語： http://www.teknocat.org/blog/web-development/show/6/mobile-safari-background-image-scaling-quirk