1如果都设置为px,则分辨率高的,不同浏览器下都是一个大小,而且用户不容易自己调节字体。
而如果要用em的话,就要了解em的默认值,em默认大小是16px。
这里要做个处理,就是设置body{font-size:62.5%},设置62.5是让1em不再等于16px,而是等于10px,这样设置的时候就很好计算。
注意只有font-size值为百分数的时候才是相对于16px来计算的,如果是算其它的,如 width,height这些,不是计算font-size的话,则不是以16px为基准。
比如要设置一个15px大小的字体,就可以1.5em,而如果em的基数是16px的话,就不好计算,很聪明的办法。
还要注意一种情况,就是多层嵌套,比如:
<body> // 1em为10px
<div> // 如果设置为200%,则大小为20px
<p></p> // 如果设置为200%,则大小为40px,注意这里是以父级为比较标准,而不再是以body为标准,,所以有层次的时候记得要做一定的乘法计算,或者ff直接查看。
</div>
</body>