关于postcss适配的问题 。。。

平时开发工作中一直使用rem进行移动端的适配,但是750设计稿下面,就出现26.6666666666小数的问题,这样可能会出现误差,每次都是保留两位数 ,经过大神的推荐然后就发现了postcss-px-to-viewport 文档,感觉超级好用,不用去计算,直接用就OK,能很好的适配移动端 ,然后下面就是相关的步骤。。。。

首先得话肯定是要去下载了 ,记住记住记住,下载的是这个,我也是爬坑出来的,一直下载postcss然后就一直报错,不能使用,最后经过大神指导,下载下面这个就没有问题了。


下载完了之后需要新建一个postcss.config.js文件夹,然后在js文件里面写这个


完成之后就可以去启动了 。会有一个报错。

他说你没有安装postcss-px-to-viewpost,这个东西,然后继续安装就可以了。


完成之后就可以启动然后去控制台看你的适配了,你就会发现你在页面中写的所有px就会变成vw,放大缩小,就OK啦。


页面中的像素
控制台的像素

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。