前端pc和移动端适配

设备像素比(dpr)

dpr = 设备像素 / CSS像素（缩放比是1且同一方向上）

dpr = 2 ：表示1个css像素用2*2个设备像素来绘制。

视口(viewport)

<meta 
name="viewport" 
content="width=device-width,
initial-scale=1.0,user-scalable=no,
maximum-scale=1,minimum-scale=1">

width=device-width：将视口的宽自动调整为设备的宽
initial-scale=1.0：初始缩放比例
maximum-scale=1,minimum-scale=1：最大和最小缩放比都是1(用户不能缩放)