什么是字体大小：100％的html元素吗？

Question

我正在开始一个新项目。我问自己：当我使用font-size: 100%单元时，为什么要在html元素上添加em？

这个100%与100％相比是什么？

Answer 1

html上的字体大小100％等于浏览器的默认字体大小，可以是14px或16px。

Answer 2

有许多类型将font-size声明为浏览器的相同值。

1. font-size: 1em;

2. font-size: 100%;

3. font-size: 16px; // this is default

这样，您就可以获得默认的字体大小。但请注意，16 px会改变字体大小，但em和%将取决于正文标记中使用的字体大小。

小提琴：http://jsfiddle.net/afzaal_ahmad_zeeshan/5Wkus/

所以你会看到，em完全取决于body中声明的字体。或者你可以说，它从孩子到父母。它一直在寻找最近父级的字体大小变化。在大多数情况下，这会将代码定向到body元素或用户代理默认样式表。