レスポンシブデザインで、はみ出し要素を確認する方法

レスポンシブデザインを実装していると、サイズによっては画面サイズより特定の要素が大きくなって、余白ができてしまうことありますよね。

検証ツールで確認しても、見つかりにくくなったりします。

そんな時には、CSSファイルの一番上に下記のコードを書いてみましょう。

* {

  outline: 1px solid red !important;

}

はみ出している要素が赤い線で一目瞭然になります。