为什么定义的1600px大整版图像（标题）在iphone上缩放

除了在我的iPhone4s safari浏览器上，这个正在开发中的网站在许多不同的浏览器中看起来都不错。由于我不知道的原因，顶部的全宽图像是“比例”

有关地点：

问题是，为什么要添加缩放，以及如何使其像桌面浏览器一样完美

其他子问题：你知道一个库，可以帮助移动和destop看起来一样，我的意思是图像，但文本大小

这个问题不是本地化的或精确的，而是Cross浏览器兼容性的开发问题。提前谢谢

顺便说一句，我在iPhone emulator online上进行了测试，他们都很差劲，并没有真正展示现实，但他们正确地展示了所有网站！因此，我对其他任何事情（而不是帮助）更感到困惑

---

为了证明我的观点，这里是我的iphone渲染的屏幕截图：

正确的东西（safari iphone上调整大小的精灵）让我找到正确的答案。这里是解决方案和一些其他网站，我发现有趣的，有用的信息

发件人：

以及更多资源：

---

这里很完美，我在1024台显示器（ff和chrome）和safari iPhone4上进行了测试，safari上唯一的问题是mac对输入字段的排序有点不同（在高度和宽度上大了1-2倍），但其他一切都很好。这并不是解决问题的办法，而是在你的#标题中添加边距：auto，这样图像仍将集中在大于1600px的显示器上。这是一个精灵。。。也许这就是问题所在。。。因为像正常人一样使用单个图像是很好的。。。所以sprite和iphone=：-(

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).