0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

開発者ツールで、はみ出し要素を確認する方法(レスポンシブデザイン)

0
Last updated at Posted at 2026-04-11

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

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

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

* {

  outline: 1px solid red !important;

}

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?