除了我的 iPhone4s safari 浏览器外，这个开发中的网站在许多不同的浏览器中看起来都很好。由于我不知道的原因，顶部的全宽图像是“比例”
有问题的网站： http: //studioteknik.ca/stada/
问题是，为什么要附加缩放比例，以及如何使它像在桌面浏览器中一样完美。
其他子问题：您是否知道一个可以帮助使移动设备和桌面设备看起来相同的库，我的意思是图像而不是文本大小。
这个问题不是本地化的或精确的，它是跨浏览器兼容性的开发问题。提前致谢。
顺便说一句，我在 iPhone 模拟器在线测试它，女巫他们都非常糟糕，并没有真正展示现实，但他们正确地展示了所有网站！所以我对其他任何事情都更加神秘（而不是帮助）
为了证明我的观点，这里是我的 iphone 渲染的屏幕截图：http: //studioteknik.ca/stackoverflow_question/stada.jpg
寻找正确的东西（在 safari iphone 上调整大小的精灵）引导我找到正确的答案。这是解决方案和我发现的其他一些有趣且有用的信息。
来自：http ://www.teknocat.org/blog/web-development/show/6/mobile-safari-background-image-scaling-quirk
It turns out the reason for this is a resource limit on the iPhone - the amount of memory an image can use once downloaded and opened. This same limit applies to mobile Safari on the iPod and iPad. Note that this limit is nothing to do with the file size. The maximum limit for images is 1024x1024x3 (3,145,728). If the width and height dimensions of your image multiplied together exceed this value, the image will be down sized. The result can vary depending on the viewport size (whether you're on an iPhone or an iPad).
和更多资源： http ://www.thecssninja.com/css/high-res-sprites
http://www.studiopress.com/design/css-background-size-graphics.htm
http://perishablepress.com/target-iphone-and-ipad-with-css3-media-queries/
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/