网页字体单位px，em，rem

1.px：像素

2.em：相对于父元素的字体大小；当设置宽度大小时候，em会先找自己的字体大小，自己没有设置会找父元素的字体大小

3.%：百分比。多查文档

4.rem：相对于根元素（html）的font-size。但是因为移动端的设备大小不同，为了适应不同设备显示，html就不能写死，需要根据屏幕变化来变化所以

1.媒体查询，可以通过媒体查询直接设置不同屏幕下的html字体大小

 @media screen and (min-width: 320px){            html{                font-size: 9px;            }        }        @media screen and (min-width: 375px){            html{                font-size: 10px;            }        }        @media screen and (min-width: 414px){            html{                font-size: 11px;            }        }

2.通过js动态计算

3.利用webpack中postcss-pxtorem插件（最优）

4.利用less，sass，stylus计算能力