html デベロッパーツール(検証)の使い方について

Question

html css初心者です。

自分でホームページをつくってみて検証ツールで確認したのですが、検証ツールの幅次第でホームページのレイアウトが崩れてしまいます。ホームページを固定する方法などはないのでしょうか？widthの設定も検証の幅しだいでどんどん変わってしまって苦労しています。

なんと説明していいかわからなくて、わかりにくいかもですがご回答お願いしますm(_)m

Answer 1

デベロッパーツールを別ウィンドウで開きましょう。

矢印のあたりをクリックして、赤丸のアイコンで別ウィンドウになります。

Comments

[aacchan]

わざわざ画像までありがとうございます！

Answer 2

自分でホームページをつくってみて検証ツールで確認したのですが、検証ツールの幅次第でホームページのレイアウトが崩れてしまいます。

Developer Toolsを別ウィンドウにしましょう。右上の︙ボタンを押すと、メニューで「Dock Side」というのがありますので、いちばん左のウィンドウが2枚重なっているものを押すと、Developer Toolsだけ別ウィンドウになります。

使い方によっては、「Developer Toolsだけで1画面使いたい」ときもありますので、別ウィンドウ化したまま使い続けることを、自分としてはおすすめします。