スマホでサイトを表示したら背景が切れていた時のCSS対処

PCサイトをスマホで見てみた時に背景が見切れてる時があります。
そのときの対処方法を書きたいと思います。

CSSで一文追加するだけ!

そのサイトで一番長いwidthサイズを確認し、そのサイズをbodyタグにmin-widthに書き込めばOK。簡単でした。

body {
font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Meiryo, “メイリオ”, “MS Pゴシック”, Verdana, Geneva, Arial, Helvetica;
font-size: 92%;
line-height:150%;
margin:0;
padding:0;
color:#111;
min-width:1061px;
}

コメントを残す