1.媒体查询 针对不同的媒体类型 定制不同的css样式
设备视口：设备屏幕的大小 常见的320 375 414（iphone）
Android：常见的 320 360 480
浏览器视口：在移动端中如果没有做视口处理，浏览器默认视口大小为980px
在PC端，浏览器视口和pc设备视口保持一致
常见设计稿？
设备宽度乘以2 甚至乘以3，这是因为跟我们屏幕的分辨率(设备像素比)有关
设备像素比：dpr：2，一个物理像素需要两个逻辑像素去填充
如果参考设备是375*667 那么设计稿得 750*1354