【サイト制作】検証ツールでページがはみ出てしまう問題

検証ツールが変！見えにくくなった！

こんな感じではみ出てみえない・・・
そんな方必見！

検証ツールとは（デベロッパーモード）

サイト制作してコードをたくさん書いていると、たまにおかしな表示になっていたりすることがあります。

そんなときに、検証ツールを使用することで、HTML・CSSのどこに問題があるのか確認したり、編集したりできます。

また、PCでサイト制作を行うと、スマホでどのように表示されるかわかりません。

検証ツールでは、スマホでどのようにページが表示されるか確認できるので、とっても便利です！

確認方法

Googlechromeの場合、右クリックで一番下の項目の「検証」をクリック

またはF12を押す

本題

このようにはみ出てしまっているときに試すこと！

①検証ツールを閉じて、ページの拡大率を100％にする

②もう一度検証ツールを開く

変わっていると思います！