3

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

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

附在这里

在此处输入图像描述

现在我可以通过使用绝对定位来移动它并测量物体。但是，开发工具中是否有一些东西可以做到这一点。我现在正在使用 Firefox 10。

谢谢

4

3 回答 3

2

您是否只是在寻找一种工具来轻松测量高度和宽度，而不会在 Firebug 中乱七八糟？

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

如果这不是你要找的，你能澄清一下吗？

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

于 2012-07-23T20:13:43.220 回答
2

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

于 2012-07-23T20:15:47.620 回答
2
  • 有一种甜蜜的测量工具叫做“测量它”。你可以在这里找到它。这是迄今为止我发现的最好的。

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

  • 另外-您是否正在使用任何类型的“重置”？如果不是 - 你可以检查迈耶重置 - 或正常化......或 - 怪胎重置......（结合两者）。

于 2012-07-23T20:20:02.997 回答