4

寸法が 2000x2000 ピクセルの CSS 背景用のスプライト シートがあります。レンダリングがまったく行われない iPhone の Safari を除いて、すべてのデスクトップ ブラウザで問題なく動作します。

サイズを 1000x1000 に下げると、完全にレンダリングされます。(ただし、スプライト シートの 4 分の 3 を見逃しているという事実を除いて)。

背景画像のサイズに関して制約はありますか? 2000x2000 はそれほど大きくありません。多くのCSSポジショニングをやり直す作業を回避しようとしています。

また、レイアウトにメディア クエリを使用しています (max-device-width ではなく max-width)。しかし、私はまだ同じグラフィックを使用しています。

編集: ええ、Android デバイスで問題なく動作します。

4

1 に答える 1

7

iPad と iPhone で同じ問題が発生しました。最も安全な方法は、1024x1024 ピクセル以下を使用することです。結局、スプライトシートを 2 つに分けて CSS をやり直す必要がありました。

http://www.glbenchmark.com/およびhttp://developer.apple.com/library/ios/#documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/OpenGLESPlatforms/OpenGLESPlatforms.htmlによると

Device                              Maximum texture size
iPod Touch                           1024 x 1024
iPod Touch (Second Generation)       1024 x 1024
iPod Touch (Third Generation)        2048 x 2048
iPod Touch (Fourth Generation)       2048 x 2048
iPhone                               1024 x 1024
iPhone 3G                            1024 x 1024
iPhone 3GS                           2048 x 2048
iPhone 4                             2048 x 2048
Samsung GT-i9100 Galaxy S2           4096 x 4096
Google Nexus S                       2048 x 2048
HTC EVO 4G+                          4096 x 4096
HTC Vision (Desire Z)                4096 x 4096
LG P990 Optimus 2X                   2048 x 2048
HTC G1                               1024 x 1024
Barnes & Noble Nook color            2048 x 2048

ソース: http://hellomobiledevworld.blogspot.co.uk/2011/09/sprite-sheets-and-maximum-texture-size.html

于 2012-11-22T14:42:35.867 に答える