在Firefox中檢查字面大小

Question

我正在使用Firefox的Web開發人員功能來檢查元素。我很想知道某人是否有辦法找到給定頁面上的HTML元素的確切尺寸，即以像素爲單位的寬度和高度？

例如，現在右鍵單擊正在閱讀的此StackOverflow頁面上的任何元素，單擊「檢查」 - 是否有一種快速且骯髒的方法來確定瀏覽器上顯示的像素數量？特別是寬度，因爲樣式表經常會代表高度。

注： 我的使用情況是調整圖像尺寸以像素爲單位完全寬度，它正在顯示，除了做一些像

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

Answer 1

Inspect，視圖styles，單擊computed選項卡，取消選中only user styles。

Answer 2

你可能想嘗試螢火蟲，https://addons.mozilla.org/en-US/firefox/addon/firebug/

這和添加爲FF，用Ctrl + F12激活它，選擇藍色箭頭，指向要檢查的元素。你會得到HTML元素的位置和右邊的樣式。選擇樣式右側的「佈局」，它會告訴您確切的尺寸