背景画像はiPhoneのページの半分しかカバーしていません

非常に大きな背景画像が必要なウェブサイトがあります。 iPhoneとiPadのSafariを除いて試したすべてのWebブラウザでページが正しく読み込まれます。これら2つのモバイルデバイスのSafariでは、バックグラウンドはページの左の50％のみをカバーします。背景画像はiPhoneのページの半分しかカバーしていません

私が行ったすべてのテストから、私が使用している背景イメージの長さが原因であることがわかります。これは私のCSSです：

#bodyLong 
{ 
    background-image:url('/Images/TaylorProductsBackground3459.jpg'); 
    background-repeat:no-repeat; 
    width: 1150px; 
    height: 3459px; 
    margin: 0 auto; 
    text-align: left; 
    padding: 0px; 
    position:relative; 
}

私はCSSに1つの変更を加えるとheight: 1000px;を設定した場合、背景画像は、もはやページの裏全体に二度示されているので、この場合は特に何か問題がないことを知っています。これを修正するにはどうすればよいですか？私はそのような大きな画像を使用しないことを好むだろうが、それはクライアントからの要求であり、そうでなければ彼らを説得することはできませんでした。

出典

2012-03-26 Ben Hoffman