1

我正在使用 Firefox 的 Web 开发人员功能来检查元素。我很想知道是否有人可以找到给定页面上 HTML 元素的确切尺寸，即宽度和高度（以像素为单位）？

例如，现在右键单击您正在阅读的 StackOverflow 页面上的任何元素，单击“检查” - 是否有一种快速而肮脏的方法可以找出浏览器上显示了多少像素？特别是宽度，因为通常样式表已经表示高度。

注意：我的用例是将图像的大小调整为它正在显示的像素宽度，除了执行类似的操作

    <img style="width:100%;" />
4

2 回答 2

2

Inspect，查看styles，单击computed选项卡并取消选中only user styles。

于 2012-06-24T03:43:53.267 回答
1

你可能想试试Firebug

它是 FF 的附加组件，使用 Ctrl + F12 激活它，选择蓝色箭头并指向要检查的元素。您将获得该元素在 HTML 中的位置以及其样式的右侧。选择样式右侧的“布局”，它会告诉您确切的尺寸

于 2012-06-24T03:47:10.750 回答