使用 em 和百分比的 css 字体大小有啥区别？ [复制]

Posted 2023-03-06

【中文标题】使用 em 和百分比的 css 字体大小有啥区别？ [复制]

【英文标题】：what is the difference between css font size using em and percentage? [duplicate]使用 em 和百分比的 css 字体大小有什么区别？ [复制]

【发布时间】：2011-04-25 21:04:16

【问题描述】：

可能重复：Font size in CSS - % or em?

好吧，我试图了解 css 中不同的大小选项，但我在 ems 和百分比之间迷失了。 它们似乎是一样的，我的意思是 1em = 150% 和 1.5em = 150%。 而且它们也会从父元素级联。 我错过了什么吗？

【问题讨论】：

我读过***.com/questions/132685/font-size-in-css-or-em，但实际上它并没有解释不同之处，我也读过alistapart.com/articles/howtosizetextincss。它不是重复的

EM 一直是排版领域的计量单位，这也是它仍然存在的原因之一。另一个原因，虽然你是对的，但它的工作原理与 % 完全一样，从排版的角度来看它更容易使用。

@Hannes：所以基本上一个 em 就像一个 %/100 ？我真的很困惑，因为人们建议在身体上使用 62.5%，然后在其他地方使用 ems，但如果它们相同，那么我可以在身体上使用 %，在其他元素上使用 %。但他们推荐这个应该是有原因的。

我认为这是个人品味的问题，例如，我更喜欢将 EM 用于排版，将 % 用于元素。过去这也是 Page-Zoom 的问题，但现在大多数浏览器都可以完美地做到这一点，而无需中继基于 em 的排版

@Hannes: 所以 100% = 1em 在所有情况下？，根本没有区别？

【参考方案1】：

我认为这个网站可能对您的问题有所帮助

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/