本文探讨了在前端开发中使用em单位替代px单位的方法与优势。通过调整body的font-size为62.5%，使得1em等于10px，便于进行精确的布局计算。文章还介绍了在多层嵌套元素中如何正确应用em单位。
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>
扫一扫
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
