これは私のコードです:
HTML
<div class="sfondo-interne-8601">
<div style="height:1200px; width:900px;">
Test
</div>
</div>
CSS
.sfondo-interne-8601
{
background-image:url('http://www.deviantart.com/download/247331565/moonlit_tears_by_lifesequencebreak-d439699.png') !important;
background-repeat:no-repeat;
background-position:center top;
}
さて、iPadでテストするページを作成してみてください:それはうまく機能します(画像はpngです)。
ここで、画像をjpgで変更してみてください(ここではすでに1つ選択しています)。新しい画像のサイズが変更され(どのルールかわからない)、HTMLドキュメント全体の中央/上部に中央揃えになります。
なんで?そして、どうすればそれを修正できますか?iPadに制限はありますか?
1150px(高さとして)より遅い.jpgを使用すると、それも機能することに気づきました。Safariのバグ?