DevTools で計算後のサイズを見る

DevTools、「ここのフォントサイズいくつかな？」と調べるときに Elements の Computed タブが便利。

これまでは Elements の Styles タブで確認していたが、これだとスタイルの指定方法によっては CSS の継承を随分さかのぼらないと見たい情報が確認できなかった。

あとサイズは基本ピクセルで知りたい。0.25em とか相対値で書かれた指定を見てもわからない。

このやり方、もう少し早く知りたかった。