スマホ表示で画面が横スクロールする現象の画期的な原因調査方法

新井公貴

2023.02.22

14

先日、インターン生から連絡が来ました。

「HPが横スクロールしちゃって、、、原因がわからないので一緒に見てもらえないでしょうか?」

30秒くらい一緒に見たのですが、パッと見どこが原因だかわからん!

一瞬で原因がわかるcssがある!

みなさんブックマーク必須です

* {
  outline: 1px solid red;
}


なんとこれを全体のcssに書くだけ。

下記の画像のようにはみ出てる要素が一目瞭然!


overflow: hiddenをつけて無事修正完了。

この記事をシェアする