1.适配方案

移动端适配方案：

1. flex+rem单位 做适配效果，主流用法

2. flex+viewport width/vh 做适配 ，未来趋势

用flex做布局，用rem或者vw/vh做适配，以此实现网页元素的尺寸适配屏幕

2.rem适配

rem是一个相对单位，相对于html的文字的大小

此时 1rem=35px

那么怎么把我们测量的px转换为rem呢？

直接 测量的px/37.5 就是rem的值

3.flexible.js

使用这个js文件，通过js实时监测屏幕窗口的变化实现检测视口宽度，有了这个文件，可以帮助我们自动检测

屏幕宽度，自动修改html的文字大小，这样就可以让盒子配合rem完成适配。

4.less

less 可以帮我们把px单位转换到rem单位。

Less是一个CSS预处理器, Less文件后缀是.less

扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力。