internet-explorer - IE 11 开发者工具不显示元素的宽度

Question

与以前的版本不同，IE 11 开发人员工具显示“自动”而不是实际宽度。是否也可以在 ie 11 中执行此操作？

Answer 1

1. 右键单击元素，然后选择检查元素。您也可以使用 F12 打开开发工具。
2. 在“Dom Explorer”选项卡的侧边栏中，找到“布局”选项卡（见截图）。
3. “布局”工具显示元素的尺寸，包括原生元素的宽度和高度、应用到它的填充、边框、边距和偏移量。

IE 11 开发工具、DOM 资源管理器、布局视图

Answer 2

在上方菜单栏的开发人员视图 (IE 11) 中，右侧有一个图标，显示名为 Document Mode Emulated，旁边有一个箭头。单击箭头并尝试从下拉菜单中选择另一个版本。默认情况下，对我来说，它设置为版本 5，所以我将它切换到 Edge 并且它正在工作。我能够看到所选 HTML 元素的真实尺寸。

Answer 3

IE11 中的 F12 开发工具在auto您width指定它时显示，因为它显示指定的样式。这与其他工具的功能相匹配，例如 Chrome Dev Tools 和 Safari Web Inspector。

如果您想查看实际计算的宽度，可以切换到侧边栏中的“计算”选项卡并在那里查找宽度（或在过滤器字段中输入），或者您也可以在盒子模型中查看“布局”选项卡中的图表。