0

如果我想在 CSS 文件中创建一个 div 类，它只是页面上的一个矩形框。如何在不进行过多试验和错误的情况下计算此 div 的高度和宽度？

我真正需要的只是一个简单的工具，您可以单击屏幕的一个部分，然后单击屏幕的另一部分，它会为您提供 2 个单击点之间的水平、垂直和对角像素距离。有谁知道这样做的工具？也许我可以创建一个，这似乎很有用。

4

2 回答 2

1

关于第一部分：您可以在 chrome 开发人员工具中调整您的 div - 非常方便。

https://developers.google.com/chrome-developer-tools/docs/elements

关于第二部分：您可以编写一个函数来处理鼠标点击事件并根据坐标计算您想要的数字。然后可以将此函数用作 chrome 开发工具中的片段。我会在几分钟内尝试为你写一个......

于 2013-06-12T15:47:30.720 回答
1

屏幕截图 > 在GIMP或类似的东西中打开> 计算像素。

但是，如果您需要实际的开发人员工具，则取决于浏览器：

  • Firefox 有Firebug（附加组件）。要使用 Firebug 找到它，请查看 HTML 视图，右键单击您的元素，单击“Inspect in DOM”，然后找到“innerWidth/innerHright”。
  • Chrome 有开发者工具（扩展）。我相信这仅通过将鼠标悬停在 HTML 视图中的元素上即可向您显示高度/宽度。
  • Opera 有一个内置的东西叫做DragonFly。在 HTML 视图中选择您的元素，然后在右侧窗口中选择“布局”并查看“clientWidth/clientHight”。

我不相信有办法找到 Internet Explorer 或 Safari。

于 2013-06-12T15:50:02.587 回答