移动端的准备工作

1、meta标签的设置

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

width=device-width：宽度等于当前设备的宽度

initial-scale：初始的缩放比例（默认设置为1.0）

minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）

maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）

user-scalable：用户是否可以手动缩放（默认设置为no，因为我们不希望用户放大缩小页面）

2、像素转换

375的是26.66vw，320的是31.25vw

怎样计算内容大小

1、看设计图的大小 把100怕转换成vw

2、内容大小/dpr2/100px=?rem