【レスポンシブデザイン】右に余白ができてしまう！？
よしっ！レスポインシブ対応完了！と一安心したところ、画面右に余白が出来てしまっていました。数十ピクセルだけ横にスクロールできる感じですね・・・。どうしましょう・・・。
まずは、viewportの確認。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
OKでしょうか？
次は、wrapper（かこんでなければbodyでOKです）に対して、
overflow: hidden;
を追加してあげましょう！他のコーディングが合っていれば多分これでOKじゃないですかね。
paddingやmarginなどの余計なものがある場合は、もちろんですが直してくださいね。
【レスポンシブデザイン】 右に余白ができてしまう！？ の関連記事
No related items.
コメント
No comments yet
コメントする
次項 【レスポンシブ】google mapやyoutubeのタグをレスポンシブ化
前項 【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
