サカグチデザインオフィス

ブログBlog

iphoneのsafariでbackground-repeatが効かない場合の対処方法

2012.07.18更新

PCでのブラウザチェックを終え、あとはiphoneだな、と思ってチェックをしはじめると、iphoneのsafariでbackground repeatが効かず、いきなり残念、てなことになる場合があります。

PC版のsafariだとそんなことないのに。

その場合は、画面いっぱいの画像を用意することで対処も出来ますが、 もうひとつCSSで対処する方法として、bodyに下記を追加します。

body{
    min-width: 1020px;
} 

min-widthの横幅の数値は大体なのですが、あとはブラウザ上で見ながら調整します。

ウェブ戦略にお悩みですか?

御社のWEB事業部となって、分析とデザインで集客から売り上げまで改善します!
デザインは2005年から。携わったHPは200件以上!