iphone - 背景-iPhoneサファリの画像が正しく表示されない

Question

iPhoneで正しく表示できないWebサイトがあります。問題のWebサイトはこれであり、これがiPhoneでの表示方法です。

ブラウザの左側または右側を絞り込むことで、同じ動作を再現できます。最小の水平スクロールを作成すると、黒い背景が縮小することがわかります。

問題はmainプロパティです：

.main {
    background: url("images/bg1-1.png") repeat-y scroll center top transparent;
    margin: 0 auto;
    width: 100%;
}

より正確には、bg1-1.png1043x14ピクセルの画像であり、本来のように繰り返されておらず、その理由がわかりません。私が欠けているものは何ですか？

Answer 1

あなたの問題はwidth: 100%、div.mainスケールがサイトの残りの部分よりも小さくなるように設定されていることです。そのように縮小しないように、固定幅に設定する必要があります。