CSS字体设计
使用单位：px|em|百分百|rem
1.px
比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小，这时会使用我们的Web页面布局被打破。所以产生em单位
2.em
一般都是以body标签的“font-size”为基准。body标签的“font-size”默认是16px.即1em=16px;如果设置font-size为62.5%，即为16px*62.5%=10px，则1em=10px。
a). em的值并不是固定的；
b). em会继承父级元素的字体大小。
所以我们在写CSS的时候，需要注意：
1). body选择器中声明Font-size=62.5%；
2). 将你的原来的px数值除以10，然后换上em作为单位；
3). 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
em与px的换算：
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。
3.rem
CSS3新增的相对单位
与em的区别：
虽然是相对大小，但只是相对HTML根元素，修改根元素字体大小就可以成比例调整所有字体大小。
除IE8及之前版本，其他浏览器均支持
p{
font-size:1em;
font-size:14px;
}
参考文章：
1.彻底弄懂css中单位px和em,rem的区别