可能重复:
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