css - em单位和百分比之间有什么区别？

Question

我已经阅读了很多关于该主题的文章(并搜索了“问答”)，但是我仍然不明白em单位和百分比之间的区别。帮帮我？

附言
我看过以下代码示例:

p { font-size: 10px; }
p { line-height: 120%; }  /* 120% of 'font-size' */

那是什么意思？到底为什么有人要将行高设置为字体大小的百分比值？

Answer 1

好的，所以我决定总结一下答案。

行高的百分比值是相对于当前字体大小的。

em单位始终与字体大小有关。

百分比取决于上下文。例如，如果将它们用于字体大小，则它们将相对于当前字体大小；如果是在高度上，则它们将相对于高度。

当父标记的字体大小声明为“小”，“中”或“大”时，它会有所变化，因为这些值受浏览器设置的影响。在这种情况下，1em = \ = 100％，1em似乎会使设置比100％更多“小”或“更大”，请阅读有关的内容here.

谢谢你们。 :)