一，rem适配
根据不同的逻辑分辨率，设置不同的根字号
步骤：
1，利用媒体查询设置单个适配
image.png
2，根据视口大小计算对应的rem数值
根据步骤一，根字号=32px
假设某个盒子宽高200px
换算方式：
image.png
即写作：
.box{
width：6.25rem
height：6.25rem
}
为了方便，一般直接使用flexible.js来实现自动适配(需提前下载文件)
方法如下：（script标签写在body内部）script翻译：脚本
image.png
二，less语法
less比css方便很多，且可以自动生成对应的css文件。
不过有重大语法错误的less文件无法自动生成css文件。
1、嵌套
less语法可以嵌套，
写伪类选择器和结构伪类选择器时，建议使用&符号（有拼写提示）
&表示直接父级
image.png
image.png
2、可以设置变量，需要时调用
方法： @‘变量名’：‘变量值’；
变量名自己定义，如下：字体颜色
image.png
3、导入/导出
导出和禁止导出必须写在最开始（最好第一行，不是第一行则要求前面没有内容），否则不生效
image.png
