internet-explorer - IE 11 開発者ツールに要素の幅が表示されない

Question

IE 11 開発者ツールでは、以前のエディションとは異なり、実際の幅ではなく「自動」と表示されます。ie 11でもこれを行うことは可能ですか?

Answer 1

1. 要素を右クリックし、[要素の検査] を選択します。F12 を使用して Dev Tools を開くこともできます。
2. 「Dom Explorer」タブのサイドバーで、「レイアウト」タブを見つけます (スクリーンショットを参照)。
3. 「レイアウト」ツールは、ネイティブ要素の幅と高さ、それに適用されたパディング、境界線、マージン、およびオフセットを含む要素の寸法を表示します。

IE 11 開発ツール、DOM Explorer、レイアウト ビュー

Answer 2

上部のメニュー バーの開発者ビュー (IE 11) の右側には、Document Mode Emulated と呼ばれるアイコンが表示され、その横に矢印が表示されます。矢印をクリックして、ドロップダウン メニューから別のバージョンを選択してみてください。デフォルトでは、バージョン 5 に設定されていたので、Edge に切り替えて動作しました。選択した HTML 要素の実際の寸法を確認できました。