可能重複:
Max image width in Mobile Safari? Getting unwanted downscaling on panos什麼是圖像的最大高度,以在網站上加載的iPad
什麼是最大高度的圖像在一個網站加載iPad兼容。 我加載超過7500px高度的圖像(一個精靈),它不會在iPad瀏覽器上顯示。 當我降低高度時,它開始顯示。
Fyi,精靈是一個小圖標的集合,我使用指南針來生成它。
可能重複:
Max image width in Mobile Safari? Getting unwanted downscaling on panos什麼是圖像的最大高度,以在網站上加載的iPad
什麼是最大高度的圖像在一個網站加載iPad兼容。 我加載超過7500px高度的圖像(一個精靈),它不會在iPad瀏覽器上顯示。 當我降低高度時,它開始顯示。
Fyi,精靈是一個小圖標的集合,我使用指南針來生成它。
本文討論iPad上的200萬像素限制錯誤。這不是關於最大高度 - 而是關於最大像素數。
http://duncandavidson.com/blog/2012/03/webkit_retina_bug
解決辦法:用漸進式JPEG。
這是所有移動Safari瀏覽器中的一個怪癖:圖像大小不得超過1024x1024×3像素,而與比率無關。 defusion.org說它不能超過2,000,001像素。
把它放在透視圖中:你的7500px高度的精靈可能不會比2000000/7500 = 266px寬。 FOTR沒有被按比例縮小的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