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

Question

我已经阅读了很多关于这个主题的文章(并搜索了Q&A),我发现了,但我仍然不明白em单位和百分比之间的区别是什么.救命？

PS我见过这个代码示例:

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

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

Answer 1

好的,所以我决定总结答案.

• line-height的百分比值是相对于当前font-size的.
• em单位总是相对于font-size.
• 百分比取决于背景.例如,如果它们以font-size使用,它们将相对于当前的font-size; 如果它在高度,它们将相对于高度.
• 当父标记的字体大小声明为"小","中"或"大"时,它会稍微改变,因为这些值受浏览器设置的影响.在这种情况下1em =\= 100%,1em似乎使设置更"小"或比100%更"大",在这里阅读它.

感谢你们.:)