我使用Firefox的Web开发人员功能来检查元素。我很想知道某人是否有办法找到给定页面上HTML元素的确切尺寸,即宽度和高度(以像素为单位)?
例如,现在右键单击您正在阅读的StackOverflow页面上的任何元素,单击“Inspect” - 是否有快速而又脏的方法来查找浏览器上显示的像素数量?特别是宽度,因为样式表通常表示高度。
注意: 我的用例是将图像的大小调整为与显示的像素的宽度完全相同,此外还要执行类似
的操作。 <img style="width:100%;" />
答案 0 :(得分:2)
Inspect
,查看styles
,点击computed
标签,然后取消选中only user styles
。
答案 1 :(得分:1)
您可能想尝试Firebug,https://addons.mozilla.org/en-US/firefox/addon/firebug/
它是FF的附加组件,用Ctrl + F12激活它,选择蓝色箭头并指向要检查的元素。您将获得HTML元素所在的位置以及右侧的样式。选择样式右侧的“布局”,它会告诉您确切的尺寸