响应式布局

juejin.cn/post/715501…

flex 布局

媒体查询

动态 rem / em 方案

Viewport 方案

scale 整体缩放

移动端适配流程

1. 在head 设置width=device-width的viewport‘

2. 在css中使用px

3. 在适当的场景使用flex布局，或者配合vw进行自适应

4. 在跨设备类型的时候（pc <-> 手机 <-> 平板）使用媒体查询

5. 在跨设备类型如果交互差异太大的情况，考虑分开项目开发

链接：juejin.cn/post/684490…