如何阻止iPhone重新调整我的背景图像？

Question

你可以在iPhone上的myspace.com/dejaentenduband

看到了问题，背景图像是由什么似乎是近50％

我还没有对其他浏览器的这个问题缩水。我希望背景只是在不适合屏幕的情况下裁剪。

由于这是不寻常的行为，苹果必须意识到这一点，我希望有一个纯粹的CSS或基于HTML的解决方案。我应该定义不同的东西还是给我的页面的主体一个特定的属性？

Answer 1

事实证明，这与视口无关。

有关于它的文章在这里：

http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

一个iphone的局限性

一个是由Mac声明：

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html

JPEG图像大于2百万像素的子采样 - 也就是说，解码到缩小的尺寸

Answer 2

也许你需要configure the page's viewport。

Answer 3

如果背景图像高于1000px，它将调整到视口的宽度。尝试降低高度，看看这是否有效果。

Answer 4

我刚刚发现了最简单的修复方法。只需打开Photoshop中，通过图像，并使用“另存为Web &设备”保存图像..

Answer 5

这里是所有最简单的解决办法：

打开Fireworks中导出图像作为32位PNG和在你的背景中使用该PNG。 IOS不会缩放。像魅力一样工作，尺寸与100％质量的jpg大致相同（实际上略小）