一、
定义：设备像素比 = 设备独立像素÷设备物理像素
### 设备独立像素：
const indepWidth = document.documentElement.getBoundingClientRect()
### 设备像素比：
const dpr = window.devicePixelRatio
可以拿到当前的设备像素比。
### 设备物理像素：
const physWidth = indepWidth/dpr
获取设备独立像素
二、结合rem的使用
rem：rem的值是基于html标签中的fongt-size属性值进行计算获得对应的px像素值。
计算方式：目标rem值 = 目标px值 ÷ html.font-size
html中font-size的确定方式：设备的独立像素宽度 ÷
确定的基数，
这样比确定一个固定像素数(如：16px)，然后再算html.font-size要更好一点。
<html font-size='100px'>
<span style="width:1rem">
等价于： <span style="width:100px">
