關(guān)于postcss適配的問題 。。。

平時開發(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啦。


頁面中的像素
控制臺的像素

配置地址 :https://www.npmjs.com/package/postcss-design-convert

官方文檔:postcss-px-to-viewport 文檔

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。