我正在启动一个新项目。我问自己:为什么我font-size: 100%
在html
使用该em
单元时要添加元素?
这100%
与什么相比 - 100%?
html 上的字体大小 100% 等于浏览器默认字体大小,可以是 14px 或 16px。
将字体大小声明为浏览器的相同值的方法有很多种。
font-size: 1em;
font-size: 100%;
font-size: 16px; // this is default
这样,您可以获得默认的字体大小。但请注意,16 px 会改变字体大小,但这em
取决于%
正文标签中使用的字体大小。
小提琴:http: //jsfiddle.net/afzaal_ahmad_zeeshan/5Wkus/
所以你会看到, em 完全取决于在body
. 或者你可以说,它从孩子到父母。它一直在寻找最近的父级的字体大小变化。在大多数情况下,它将代码定向到正文元素或用户代理默认样式表。