检查Firefox中的文字维度

时间:2012-06-24 03:40:43

标签: html firefox web

我使用Firefox的Web开发人员功能来检查元素。我很想知道某人是否有办法找到给定页面上HTML元素的确切尺寸,即宽度和高度(以像素为单位)?

例如,现在右键单击您正在阅读的StackOverflow页面上的任何元素,单击“Inspect” - 是否有快速而又脏的方法来查找浏览器上显示的像素数量?特别是宽度,因为样式表通常表示高度。

注意: 我的用例是将图像的大小调整为与显示的像素的宽度完全相同,此外还要执行类似

的操作。
    <img style="width:100%;" />

2 个答案:

答案 0 :(得分:2)

Inspect,查看styles,点击computed标签,然后取消选中only user styles

答案 1 :(得分:1)

您可能想尝试Firebug,https://addons.mozilla.org/en-US/firefox/addon/firebug/

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

相关问题