スマホ:レスポンシブで右側に謎の余白

スマホ:レスポンシブで右側に謎の余白

問題

レスポンシブサイトをコーディングして、
PC表示は問題ないのに、スマホの表示時のみ、
画面の右側に謎の余白ができていた。

解決策

コンテンツ部分を囲っている一番外側のdivのスタイルに、下記を追加指定してみてください。

overflow: hidden;

それでも解決しない場合は、どこかのdivが100%なのに、
そのdivのまわりにpaddingやmarginが入ってしまっている という凡ミスの可能性が高いです。

Cordingカテゴリの最新記事