你如何测量绝对像素数？

Question

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

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

附在这里

现在我可以通过使用绝对定位和测量来移动它。但是，开发工具中是否有内置功能可以执行此操作。我现在正在使用Firefox 10。

由于

Answer 1

您是否正在寻找一种能够轻松测量高度和宽度而无需在Firebug中乱搞的工具？

我建议使用这个Firefox附加组件（也适用于Chrome）：Web Developer

如果这不是你想要的，请你澄清一下吗？

编辑：如果您无法安装软件或加载项，请使用免安装Firebug Lite

Answer 2

Chrome的检查工具会显示您碰巧悬停在其上的任何元素的尺寸。但是，如果您必须保持对Firefox的忠诚，Firebug也可以在悬停时显示任何元素的确切尺寸。打开Firebug时，单击右侧边栏中的“布局”。然后，当您将鼠标悬停在元素上时，尺寸将显示在该框中（无需点击）。不像Chrome的检查工具那么直观，但无论如何都可以。

Answer 3

• 有一种称为“测量它”的甜蜜测量工具。你可以找到它HERE。这是迄今为止我发现的最好的一个。


• 另一个想法......你可以检查并确保所有不同的浏览器都没有放大...查看实际尺寸等......


• 还 - 你正在使用任何类型的“重置”吗？如果没有 - 你可以查看meyer重置 - 或标准化...或 - 怪胎重置......（两者结合）。