一，rem適配
根據(jù)不同的邏輯分辨率，設(shè)置不同的根字號(hào)
步驟：
1，利用媒體查詢?cè)O(shè)置單個(gè)適配
image.png
2，根據(jù)視口大小計(jì)算對(duì)應(yīng)的rem數(shù)值
根據(jù)步驟一，根字號(hào)=32px
假設(shè)某個(gè)盒子寬高200px
換算方式：
image.png
即寫作：
.box{
width：6.25rem
height：6.25rem
}
為了方便，一般直接使用flexible.js來(lái)實(shí)現(xiàn)自動(dòng)適配(需提前下載文件)
方法如下：（script標(biāo)簽寫在body內(nèi)部）script翻譯：腳本
image.png
二，less語(yǔ)法
less比css方便很多，且可以自動(dòng)生成對(duì)應(yīng)的css文件。
不過(guò)有重大語(yǔ)法錯(cuò)誤的less文件無(wú)法自動(dòng)生成css文件。
1、嵌套
less語(yǔ)法可以嵌套，
寫偽類選擇器和結(jié)構(gòu)偽類選擇器時(shí)，建議使用&符號(hào)（有拼寫提示）
&表示直接父級(jí)
image.png
image.png
2、可以設(shè)置變量，需要時(shí)調(diào)用
方法： @‘變量名’：‘變量值’；
變量名自己定義，如下：字體顏色
image.png
3、導(dǎo)入/導(dǎo)出
導(dǎo)出和禁止導(dǎo)出必須寫在最開始（最好第一行，不是第一行則要求前面沒有內(nèi)容），否則不生效
image.png
