html - 你如何测量绝对像素数？

Question

我最近发现，由于浏览器特定的默认设置，我认为我知道的大多数测量结果实际上与我认为的不同。我评估了我对目视检查的所有了解都是相对的……元素 A 是 20px，所以我可以看到元素 B 是 22px。然而，由于浏览器隐藏的默认设置......这种方法效果不佳。我怎么知道绝对像素数是多少。

目前，我刚刚在带有刻度线的图形编辑器中创建了一个 20px x 20px 的标尺。

附在这里

现在我可以使用绝对定位来移动它并进行测量。然而，开发工具中是否内置了一些东西来做到这一点。我现在正在使用 Firefox 10。

谢谢

Answer 1

Chrome 的检查器工具会显示您恰好将鼠标悬停在其上的任何元素的尺寸。但是，如果您必须忠于 Firefox，Firebug 也可以在悬停时显示任何元素的确切尺寸。当您打开 Firebug 时，单击右侧边栏中的“布局”。然后，当您将鼠标悬停在某个元素上时，尺寸将出现在该框中(无需单击)。不像 Chrome 的检查器工具那么直观，但无论如何它都能正常工作。