皆さん、こんにちは。
制作部の関です。
サイトを制作する中、よくあるのが、
「スマホで見た際に左右に余白があり、画面が左右にグラグラしてしまう」
という問題です。
これは気になる！絶対に修正しなければならない！
しかしすべての要素を調べても異常な大きさを持つ要素が見つからない！時間もない！
そんなときはたった一行で解決できます。
body {
overflow-x: hidden;
}
はい、これだけです。
bodyクラスに、「overflow-x: hidden;」の１行追加するだけで
スマホ時に左右に動かなくすることができます。
本当は左右に余白を作ってしまっている要素を見つけて修正するのが一番なのですが、、、
以上です！
良かったら皆様も試してみてくださいね
制作部 関