コーディング後にスマホでチェックをすると表示が横や縦に動いてしまう現象があり、大体はbodyからはみ出した要素が原因だったりします。
今回は、そのはみ出した要素を簡単に探す方法を紹介します。
方法は簡単です。全称セレクタを利用してoutlineを表示させます。
* ,
*::after,
*::before{
outline: 1px solid rgb(234, 4, 234);
opacity: 1!important;
}指定後に確認すると下記のように線が表示され、飛び出している要素が見つけやすくなります。
原因が見つからない場合に発見しやすくなるので、ぜひ試してみてください。
