Chromeデベロッパーツールのどの要素の計算サイズを見つけるには？

Question

これはデベロッパーツールのインスペクタのどこかにあると確信していますが、見つけられません。与えられた要素（例えばdiv）に対して、私が右クリックして "Inspect Element"を選択した要素の計算された次元（高さと幅）をどこで見つけることができますか？

Answer 1

デベロッパーツールパネルの下にあるリボンの要素名の上にカーソルを置くだけです。ブラウザウィンドウで対応する要素が強調表示され、その隅に寸法が表示されます。また、デベロッパーツールの右ペインを下にスクロールすると、計算されたディメンションと余白、パディング、ボーダーなども表示されます。

あなたのSOの質問を保持するdivのディメンション。下のdiv名の上にカーソルを置くと、強調表示された領域の左下隅の寸法に注目してください。右側にはメトリックウィンドウがあります。将来の質問について

Click here for bigger image

、ちょうどGoogleのnice documentation最初のを参照してください。