网页中常用的单位：px、em、pt、%、deg、rem
rem 相对单位 相当于html根元素font-size进行计算。
写pc端都是用的px像素单位，px是固定不变的。
但是在移动端页面中，移动端的宽高大小都是不一样的，html大小也是不一样的。
dpr（设备像素比）=物理像素/逻辑像素
逻辑像素：前端需要设置的css样式大小。
【注意】常见的设计图中的dpr：640px的设计图中，pdr为2；750px的设计图中，dpr为2；1080px的设计图中，dpr考虑为3.
总结：当设备图宽度为640px的时候，dpr为2。rem计算方式为物理像素/dpr/当前的html的font-size的值。
写移动端的第一种方式：媒体查询+rem单位实现
优点：简单好理解
缺点：计算麻烦，有多个设备就需要写多个媒体查询。
