問題
レスポンシブサイトをコーディングして、
PC表示は問題ないのに、スマホの表示時のみ、
画面の右側に謎の余白ができていた。
解決策
コンテンツ部分を囲っている一番外側のdivのスタイルに、下記を追加指定してみてください。
overflow: hidden;
それでも解決しない場合は、どこかのdivが100%なのに、
そのdivのまわりにpaddingやmarginが入ってしまっている という凡ミスの可能性が高いです。
レスポンシブサイトをコーディングして、
PC表示は問題ないのに、スマホの表示時のみ、
画面の右側に謎の余白ができていた。
コンテンツ部分を囲っている一番外側のdivのスタイルに、下記を追加指定してみてください。
overflow: hidden;
それでも解決しない場合は、どこかのdivが100%なのに、
そのdivのまわりにpaddingやmarginが入ってしまっている という凡ミスの可能性が高いです。
コメントを書く