CSS背景精灵对iPhone来说太大了

我的css背景有一张精灵表,尺寸为2000×2000像素.适用于所有桌面浏览器,除了适用于iPhone的Safari,它根本无法渲染. 将尺寸降低到1000×1000使其呈现完美. (除了我现在

... . . 我的css背景有一张精灵表,尺寸为2000×2000像素.适用于所有桌面浏览器,除了适用于iPhone的Safari,它根本无法渲染.

将尺寸降低到1000×1000使其呈现完美. (除了我现在错过精灵表的四分之三的事实).

在背景图像的尺寸方面有任何限制吗？ 2000×2000并不是那么大.试图绕过重做大量css定位的工作.

此外,我正在使用媒体查询布局(最大宽度,而不是max-device-width).但我仍然使用相同的图形.

编辑：啊是的,它适用于Android设备就好了.

.

解决方法

. 我们在iPad和iPhone上遇到了同样的问题.最安全的选择是使用1024×1024像素或更低.最终我们不得不将精灵表分成两部分并再次做CSS.

根据http://www.glbenchmark.com/和http://developer.apple.com/library/ios/#documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/OpenGLESPlatforms/OpenGLESPlatforms.html

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

资料来源：http://hellomobiledevworld.blogspot.co.uk/2011/09/sprite-sheets-and-maximum-texture-size.html

. . .. ...