IE 11开发人员工具不显示元素的宽度

Question

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

中做到这一点

Answer 1

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

IE 11 Dev Tools, DOM Explorer, Layout View

Answer 2

在上方菜单栏的“开发者”视图（IE 11）中，右侧有一个带有显示的图标，名为“模拟文档模式”，旁边有一个箭头。单击箭头并尝试从下拉菜单中选择其他版本。 默认情况下，对我来说，它被设置为版本5，因此我将其切换到Edge并且它正常工作。我能够看到所选HTML元素的真实尺寸。

Answer 3

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

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