pxの行の高さが親のfont-sizeの影響を受けるのはなぜですか？

Question

この例を作成しました：http://codepen.io/tomsoderlund/pen/JYJpPR

私はfont-size（= 1つの全角の大きさ）親の（.canvas）を使用して設定しています：

$('.canvas').css('font-size', emSize + 'px'); 

font-sizeとline-height両方がピクセルに設定されています。 font-sizeは（正しく）ではなく、は親のemサイズによって影響を受けますが、line-heightはそれがなぜですか？

Answer 1

行の高さは、レベル要素をブロックするために適用されます。表示：ブロックをスパンに追加する必要があります。

ブロックレベルの要素では、line-heightプロパティは要素内の線ボックスの最小高さを指定します。

置き換えられていないインライン要素では、line-heightは、ラインボックスの高さを計算するために使用される高さを指定します。ボタンやその他の入力要素のようなインライン要素が置き換えられた場合、行の高さは効果を持ちません。

MDN line-height