字体大小（px，em，rem）

1.目前主流浏览器的默认字体大小都是16px；

px：表示绝对大小，数值多少就是多少，不会受任何标签的影响，国内最主流的表示方法。

em：相对大小，相对于父元素的大小；比如父元素为16px；则1em=16px；html页面中，第一个父元素就是body；

为了方便计算，使用时经常将body：fond-size=62.5%；即10px；方便计算；但是要注意；当

<div fond-size=2em><span fond-size=2em>hello</span></div>

此时：hello的字体大小并不是20px；而是，10*2*2=40px；

就是相对于父元素。

rem：相对大小，相对于根元素，即body；为了方便计算，使用时经常将body：fond-size=62.5%；即10px；

<div fond-size=2em><span fond-size=2em>hello</span></div>

此时：hello的字体大小为20px；因为rem是相对于body：即10*2=20px；

我很喜欢使用这个表示方法，目前移动开发特别火，手机尺寸不尽相同，所以只要改变根元素基本就可以

解决适配问题了。