如何通过postcss-pxtorem插件在Vue项目中实现精准的移动端适配尺寸转换?
- 内容介绍
- 文章标签
- 相关推荐
本文共计300个文字,预计阅读时间需要2分钟。
刚开始我按照网上的一些方式使用postcss-pxtorem进行适配时,怎么都不成功。后来经过自己不断尝试,终于成功了。
适配总结:
1.个人建议在进行postcss-pxtorem适配时,要注意以下几点:
刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功,后来经过自己不断尝试之后终于成功了。稍微坐下总结:
1.个人建议在进行postcss-pxtorem适配的时候利用webpack进行项目配置,而不要用webpack-simple,因为webpack里面很多插件加载器之类的都是给你预配好的,这样在项目构建中就不会遗漏什么。
2.cnpm install postcss-pxtorem -D安装postcss-pxtorem,此插件如果你用的是webpack的话只要进行安装即可,不需要另外进行配置,此插件是对px进行转换。
3.新建一个rem.js的文件,输入以下代码即可,然后在main.js中引用。
本文共计300个文字,预计阅读时间需要2分钟。
刚开始我按照网上的一些方式使用postcss-pxtorem进行适配时,怎么都不成功。后来经过自己不断尝试,终于成功了。
适配总结:
1.个人建议在进行postcss-pxtorem适配时,要注意以下几点:
刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功,后来经过自己不断尝试之后终于成功了。稍微坐下总结:
1.个人建议在进行postcss-pxtorem适配的时候利用webpack进行项目配置,而不要用webpack-simple,因为webpack里面很多插件加载器之类的都是给你预配好的,这样在项目构建中就不会遗漏什么。
2.cnpm install postcss-pxtorem -D安装postcss-pxtorem,此插件如果你用的是webpack的话只要进行安装即可,不需要另外进行配置,此插件是对px进行转换。
3.新建一个rem.js的文件,输入以下代码即可,然后在main.js中引用。

