方案
- rem：相对于根元素的字体大小的单位
- vw/vh：视觉视口宽度 window.innerWidth和视觉视口高度 window.innerHeight 等分为 100 份（换算会有误差）
- px 为主，搭配 vw/vh、媒体查询@media 与 flex 响应式布局
步骤
- 编写
<meta>标签设置viewport的内容width=device-width，让网页宽度等于视窗宽度 - 在 css 中使用 px为主
- 在适当的场景使用flex布局，或者配合vw进行自适应
- 在跨设备类型的时候（pc <-> 手机 <-> 平板）使用媒体查询
- 在跨设备类型如果交互差异太大的情况，考虑分开项目开发
