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