什么是字体大小:100%的html元素吗?

时间:2013-10-21 19:37:18

标签: html css

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

这个100%与100%相比是什么?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

  1. font-size: 1em;

  2. font-size: 100%;

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

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

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

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