如何阻止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大致相同（實際上略小）