背景：
js是可以直接计算的，但css不能直接计算，在触屏端使用rem为计量单位，设计稿采用iPhone6的尺寸，所以会存在一个换算比例，此时可以使用less进行编译出css即可。其实less的优点还有很多，less中可以使用变量（例如，全局定义一个背景色或者一些按钮或者文字的颜色，后边统一使用，便于控制整个网站的风格统一；还有在触屏（即H5）中使用css3需要写 -webkit- 、-moz- 之类的前缀），在less中也可以函数的方式写一个公共方法，然后在每个需要写兼容的地方调用即可；当然了less的使用还有很多场景。
1. 关于less的学习和api的查询
具体可以参考 less中文网，点击进传送门 或者 less快速入门，点击进传送门 。
2.less 的安装：
2.1 进node官网，先安装node.js，node传送门，https://nodejs.org/en/，推荐使用稳定版。
2.1.1 进官网后，下载，安装即可。
2.1.2 打开命令行 （快捷键 系统键 + R）=》输入 cmd 打开命令行 =》运行 node -v，出现版本号，即说明安装成功node：
2.2 全局安装less
2.2.1 命令行运行 npm i less -g =》安装成功后，记录保存一下less安装的路径 C:\Users\365\AppData\Roaming\npm\lessc （npm\lessc这个目录路径）=》命令行运行 npm i less-plugin-functions -g =》打开hbuilder编辑器，点击 工具 =》点击 预编译设设置 =》 点击新建
2.2.2 命令行参数也可以直接填写 %FileName% %FileBaseName%.css ;
3. 说明
3.1 推荐博客：https://blog.csdn.net/qq_33449702/article/details/82803543
3.2 对于命令行参数，我是把less文件和css文件分开，所以我使用的是 %FileName% ../css/%FileBaseName%.css ；如果你想放同一个目录下边 可以直接 %FileName% %FileBaseName%.css ；或者你有自己的目录存放，你可以参考韩静变量说明和距离做修改即可。