网页字体中的单位（px，em，rem）

px： pixel，像素，是屏幕上显示数据的最基本的点，在 HTML 中，默认的单位就是 px；
em：相对单位，相对于当前对象内文本的字体尺寸。
rem：相对根元素 HTML 的字体尺寸单位
vw：相对视口宽度改变自身宽度，永远都不要只用viewport单位设定文本，这样会导致用户缩放页面时字体大小不会变大或变小，要将vw单位加到了使用固定大小（例如em或者rem）的值组，如 font-size: calc(1.5rem + 3vw)

---

在浏览器中，默认的字体大小为16px
所以未经过调整的页面的单位换算：1em=16px
为了计算方便，可以在body中设定font-size:62.5%，使得1em=10px。因为body的font-size变成了16x62.5%=10px，而em又是相对于父元素的单位，所以在body中的所有的未设定font-size的元素里的字体都是1em=10px

---