前端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(用户不能缩放)