平時(shí)開(kāi)發(fā)工作中一直使用rem進(jìn)行移動(dòng)端的適配,但是750設(shè)計(jì)稿下面,就出現(xiàn)26.6666666666小數(shù)的問(wèn)題,這樣可能會(huì)出現(xiàn)誤差,每次都是保留兩位數(shù) ,經(jīng)過(guò)大神的推薦然后就發(fā)現(xiàn)了postcss-px-to-viewport 文檔,感覺(jué)超級(jí)好用,不用去計(jì)算,直接用就OK,能很好的適配移動(dòng)端 ,然后下面就是相關(guān)的步驟。。。。
首先得話肯定是要去下載了 ,記住記住記住,下載的是這個(gè),我也是爬坑出來(lái)的,一直下載postcss然后就一直報(bào)錯(cuò),不能使用,最后經(jīng)過(guò)大神指導(dǎo),下載下面這個(gè)就沒(méi)有問(wèn)題了。

下載完了之后需要新建一個(gè)postcss.config.js文件夾,然后在js文件里面寫(xiě)這個(gè)

完成之后就可以去啟動(dòng)了 。會(huì)有一個(gè)報(bào)錯(cuò)。

他說(shuō)你沒(méi)有安裝postcss-px-to-viewpost,這個(gè)東西,然后繼續(xù)安裝就可以了。

完成之后就可以啟動(dòng)然后去控制臺(tái)看你的適配了,你就會(huì)發(fā)現(xiàn)你在頁(yè)面中寫(xiě)的所有px就會(huì)變成vw,放大縮小,就OK啦。

頁(yè)面中的像素

控制臺(tái)的像素