为什么px中的行高设置受父级字体大小的影响？

Question

我已经做了这个例子：http://codepen.io/tomsoderlund/pen/JYJpPR来演示。

我使用以下内容在{（{1}}）上设置font-size（= 1 em的大小）

.canvas

{p}中设置了$('.canvas').css('font-size', emSize + 'px'); 和font-size。 line-height（正确）不受父母的影片尺寸影响，但font-size是 - 为什么会这样？

Answer 1

line-height仅适用于块级元素。你必须在你的范围内添加display：block。

  

在块级元素上，line-height属性指定元素中线框的最小高度。

     

在未替换的内联元素上，line-height指定用于计算线框高度的高度。在替换内联元素（如按钮或其他输入元素）时，行高不起作用。

MDN line-height