平时开发工作中一直使用rem进行移动端的适配,但是750设计稿下面,就出现26.6666666666小数的问题,这样可能会出现误差,每次都是保留两位数 ,经过大神的推荐然后就发现了postcss-px-to-viewport 文档,感觉超级好用,不用去计算,直接用就OK,能很好的适配移动端 ,然后下面就是相关的步骤。。。。
首先得话肯定是要去下载了 ,记住记住记住,下载的是这个,我也是爬坑出来的,一直下载postcss然后就一直报错,不能使用,最后经过大神指导,下载下面这个就没有问题了。
下载完了之后需要新建一个postcss.config.js文件夹,然后在js文件里面写这个
完成之后就可以去启动了 。会有一个报错。
他说你没有安装postcss-px-to-viewpost,这个东西,然后继续安装就可以了。
完成之后就可以启动然后去控制台看你的适配了,你就会发现你在页面中写的所有px就会变成vw,放大缩小,就OK啦。
页面中的像素
控制台的像素