Css 什么'；em单位和百分比之间的差异是多少？

我读了很多关于这个话题的文章（并搜索了Q&a），我发现了，但我仍然不明白em单位和百分比之间的区别是什么。帮忙

附言。 我已经看过这个代码示例：

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

---

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

行高通常是字体大小的倍数。事实上，它是唯一一个不必指定单位的值：

p { line-height: 1.2; } /* = 1.2em = 1.2*font-size = 120% of font-size */

---

如果行高与字体大小成比例，则更容易调整字体大小，而不必担心固定的行高。

1em=100%、2em=200%、1,4 em=140%等等。然而，它实际上是上下文相关的

1em

表示“与实际字体大小相等”，2-“字体大小的2倍”。EMs适应用户设置

当父标记的字体大小声明为“小”、“中”或“大”时，它会有一点变化，因为这些值受浏览器设置的影响。当用户将客户端字体大小更改为“小”或“大”时，

1em

似乎会使字体比

100%

小或大一点

进一步阅读：

---

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

• 行高的百分比值相对于当前字体大小
• em单位始终与字体大小相关
• 百分比取决于上下文。例如，如果它们用于字体大小，则它们将相对于当前字体大小；如果是在高度上，它们将是相对于高度的
• 当父标记的字体大小声明为“小”、“中”或“大”时，它会有一点变化，因为这些值受浏览器设置的影响。在这种情况下，1em=\=100%，1em似乎使设置比100%更“小”或更“大”，请阅读

---

谢谢大家。：）

为什么有人想要设置线高度，而不是百分比值？这样，行高度始终与字体高度成比例。Hmmm。也许我在说那件事之前应该三思而后行。其他房产呢？这样就不行了，对吧？它们是两个不同的单元；它们有不同的定义。因此，这个问题毫无意义。您可能想问一些不同的问题，但您的代码示例甚至根本不包含

em

单位。请参阅我的评论。行高的固定单位确实有一些应用程序，主要是在不处理文本（如图标）时，或者当您希望文本周围的区域与其他内容匹配时。但我同意，在大多数情况下，你应该使用相对测量。实际上，最好的方法是不使用任何单位（基本上与百分比类似）。值得更明确地注意的是，在这种情况下（

行高）

），百分比和em单位通常是相同的。1em=1线高“一般”是什么意思

em

始终与当前元素的字体大小相关（除非在字体大小上使用单位本身，然后它与父元素的字体大小相关）

%

与特定属性的父属性值相关（

宽度：x%；

表示：获取父属性宽度的

x

百分比）。这正是我一直在寻找的答案。你的意思是除了移动支持，ems和百分比实际上是一样的。我做对了吗？我真的不明白你在第二个音符里说了什么。如果它们是相同的，但是ems得到了更好的支持，为什么我们不直接使用ems并扔掉百分比呢？使用它有一些细微的区别。据我所知，您使用EMs来确定字体大小。根据我的经验，ems比手机上的百分比更适合。对我来说，这只会减少麻烦。我忘了一件事。是的，1em=100%，但是当父标记的字体大小声明为“小”、“中”或“大”时，它会有一点变化-请阅读我的编辑。我已经阅读了这篇文章，现在我对它有了更多的了解。但还是。。。我不明白为什么浏览器的设置有问题；我认为它们应该是相同的…浏览器设置由用户决定，所以实际上这不是问题：）。百分比和ems都是相对的。区别就在于它们是相对于什么的。哪个是。。。？这是这里的主要问题，伙计们-有什么区别。除息的