背景：
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 ；或者你有自己的目錄存放，你可以參考韓靜變量說明和距離做修改即可。