px（像素）

像素值算是前端里最基础的一个度量单位了。
px又分为两种，一种是物理像素，指的是屏幕上显示的最小单元；另外一种是逻辑像素，指的是css里面能显示的最小度量。
物理像素和逻辑像素之间存在一个比值，这个比值就叫设备像素比（device pixel radio)，简称dpr，window.devicePixelRatio保存着这个值。

em

em单位是一个相对度量单位，它的计算方式是当前元素的font-size的px值乘以em前面的数字；

rem

rem单位和em单位很类似，区别是他是相对于html元素的font-size值去计算的；