css - 如何在 Chrome 开发者工具中找到任何元素的计算大小？

Question

我确定这在开发人员工具检查器中的某个地方，但我找不到它。对于给定元素（例如，div），我在哪里可以找到我右键单击并选择“检查元素”的给定元素的计算尺寸（高度和宽度）？

Answer 1

只需将鼠标悬停在开发人员工具面板下方功能区中的元素名称上即可。相应的元素将在浏览器窗口中突出显示，并且尺寸出现在它的一角。此外，如果您在开发人员工具中向下滚动右侧窗格，您将看到“指标”窗口，该窗口将为您提供计算尺寸以及边距、填充、边框等。

这是包含您的 SO 问题的 div 尺寸的屏幕截图。当我将鼠标悬停在底部的 div 名称上时，请注意突出显示区域左下角的尺寸。右侧是指标窗口。

点击这里查看大图

对于以后的问题，请先参考 Google 的不错的文档。