平時開發(fā)工作中一直使用rem進(jìn)行移動端的適配,但是750設(shè)計(jì)稿下面,就出現(xiàn)26.6666666666小數(shù)的問題,這樣可能會出現(xiàn)誤差,每次都是保留兩位數(shù) ,經(jīng)過大神的推薦然后就發(fā)現(xiàn)了postcss-px-to-viewport 文檔,感覺超級好用,不用去計(jì)算,直接用就OK,能很好的適配移動端 ,然后下面就是相關(guān)的步驟。。。。
首先得話肯定是要去下載了 ,記住記住記住,下載的是這個,我也是爬坑出來的,一直下載postcss然后就一直報錯,不能使用,最后經(jīng)過大神指導(dǎo),下載下面這個就沒有問題了。
下載完了之后需要新建一個postcss.config.js文件夾,然后在js文件里面寫這個
完成之后就可以去啟動了 。會有一個報錯。
他說你沒有安裝postcss-px-to-viewpost,這個東西,然后繼續(xù)安裝就可以了。
完成之后就可以啟動然后去控制臺看你的適配了,你就會發(fā)現(xiàn)你在頁面中寫的所有px就會變成vw,放大縮小,就OK啦。
頁面中的像素
控制臺的像素