CSS背景精靈對於iPhone來說太大

我有一個精靈圖紙，用於我的css背景，尺寸爲2000x2000像素。在所有桌面瀏覽器中都能正常工作，除了iPhone上的Safari瀏覽器外，它根本不顯示任何內容。CSS背景精靈對於iPhone來說太大

將尺寸降低到1000x1000使其完美呈現。（除了那個我現在錯過精靈表的四分之三的事實）。

當涉及到背景圖像的尺寸時，是否有任何限制？ 2000x2000並不是那麼龐大。試圖繞過重做大量CSS定位的工作。

此外，我正在使用媒體查詢的佈局（最大寬度，而不是最大設備寬度）。但我仍然使用相同的圖形。

編輯：嗯，它適用於Android設備就好。

2012-11-22 russinkungen

我們在iPad和iPhone上遇到了同樣的問題。最安全的賭注是使用1024x1024像素或更少。最後，我們必須將精靈表分成兩部分，然後再次執行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-22 14:42:35

看到別人誰也有類似的問題，但是這是關係到應用開發和iOS的限制，在內存中保存圖像時。希望能有其他解決辦法。幸運的是，其他人將不得不做重構。 :) – russinkungen

你真幸運，這很令人沮喪，但我們學到了很好的一課。 –

奇怪的是，我們已經在iphone 4上測試了它，它應該支持2048x2048。 – russinkungen

CSS背景精靈對於iPhone來說太大

回答

相關問題