使用em和百分比设置CSS字体大小有什么区别？

Question

5

可能重复：
CSS中的字体大小 - % 还是 em？嗯，我试图理解CSS中的不同尺寸选项，但在ems和百分比之间迷失了方向。
它们看起来相同，我的意思是1em = 150％，1.5em = 150％。
它们也会从父元素级联。
我错过了什么吗？

- Karim

我已经阅读了https://dev59.com/knVC5IYBdhLWcg3w-WOs，但它并没有很好地解释区别。我也阅读了http://www.alistapart.com/articles/howtosizetextincss。这不是重复内容。 - Karim

EM一直是排版领域的度量单位，这就是它仍然存在的原因之一。另一个原因是，虽然你是对的，它的工作方式与百分比完全相同，但从排版的角度来看，使用EM更容易操作。 - Hannes

@Hannes：基本上，em就像是一个%/100？我真的很困惑，因为人们建议在body上使用62.5％，然后在其他地方使用ems，但如果它们是相同的，那么我可以在body上使用％，在其他元素上也可以使用％。但他们建议这样做肯定有原因。 - Karim

我认为这是个人口味的问题，例如，我更喜欢使用 EM 进行排版和 % 进行元素设置。过去，这也与页面缩放有关，但现在大多数浏览器都可以完美地处理基于 EM 的排版，而无需依赖它。 - Hannes

@Hannes：所以100%在所有情况下都等于1em吗？完全没有区别吗？ - Karim

@Karim 关于样式行为？我不知道有什么特别的，但我不是CSS大师，所以我可以95%确定这一点 ;) - Hannes

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sam · Accepted Answer

我认为这个网站可能会对你的问题有所帮助。 http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ 这个链接是关于CSS字体大小单位em、px、pt等的最佳实践，可能会对你在IT技术方面的问题有所启发。