关于css的font-size的单位rem、em、px的区别

px：相对长度，相对于显示屏分辨率而言
em：值不固定，会继承父级元素的字体大小

<div style="font-size:20px">
<p style="font-size:2em">你好</p>
</div>

这里的1em就是父元素的大小为20px，所以2em就是40px
rem：这个是相对于根节点html大小而定，如果根元素的字体大小为16px，那么1rem=16px，该单位只需改变根元素的值的大小就可以改变页面所有以rem为单位的值的大小