IE 11の開発ツールは要素の幅を表示しません

Question

IE 11の開発ツールは、以前のエディションとは異なり実際の幅の代わりに「自動」を表示します。それは11でも可能ですか？

Answer 1

IE11のF12開発ツールでは、指定されたスタイルを表示しているので、の場合はの場合、autoと表示されます。これは、Chrome Dev ToolsやSafari Web Inspectorなどの他のツールと同じです。

実際の計算幅を確認したい場合は、サイドバーの「計算済み」タブに切り替えてそこの幅を調べるか（またはフィルタフィールドに入力するか）、それを見ることもできます「レイアウト」タブのボックスモデルダイアグラムに表示されます。

Answer 2

右側のメニューバーの[開発者]ビュー（IE 11）には、[ドキュメントモードエミュレート]とその横に矢印が表示されたアイコンがあります。矢印をクリックし、ドロップダウンメニューから別のバージョンを選択してみてください。 デフォルトでは、私にはバージョン5に設定されていたので、Edgeに切り替えて動作させていました。私は選択されたHTML要素の実際の寸法を見ることができました。

Answer 3

1. 要素を右クリックし、「要素の検査」を選択します。また、F12を使用してDev Toolsを開くこともできます。
2. 「Dom Explorer」タブのサイドバーで、「レイアウト」タブを見つけます（スクリーンショットを参照）。
3. 「レイアウト」ツールには、ネイティブエレメントの幅と高さ、適用されたパディング、ボーダー、余白、オフセットを含むエレメントの寸法が表示されます。あった

IE 11 Dev Tools, DOM Explorer, Layout View