ブログ

スマホ等で見るとで背景画像がズレます

FC2ブログ公式の『ta_3column』というテンプレートを使用しています。

デフォルトで背景（パソコンでは中央に貼り付けられていて、縦に繰り返し並べられる）に使用している画像があるのですが

↓これです↓

http://blog-imgs-42.fc2.com/t/e/m/templates/tartaros_back_r epeat.jpg


スマホやタブレットでＰＣ設定で見た時に、これが左寄りになってしまって、デザインが崩れてしまいます。


スマホやタブレットで見た時にデザインが崩れないようにするにはどうしたら良いのでしょうか？




ちなみにCSSには以下のように表記されています。


#wrapper {
background-image:url("http://blog-imgs-42.fc2.com/t/e/ m/templates/tartaros_back_repeat.jpg");
background-repeat:repeat-y;
background-position:center top;

}


添付した画像の上がＰＣのモニターで見た場合で、下がスマホで見た場合です。
何種類化のスマホを試しましたが、総てこうなります。


宜しくお願いします。

2013年09月05日 14:56  by えいいちさん