关于Vue-cli3项目+vant-ui框架移动端适配问题？

最新推荐文章于 2023-07-04 15:25:15 发布

L N 

最新推荐文章于 2023-07-04 15:25:15 发布

阅读量2.6k

点赞数 1

文章标签： Vue-cli3 Vue Vue移动端适配

本文链接：https://blog.csdn.net/weixin_44271360/article/details/91417449

版权

移动端适配我用的两款插件：
①lib-fiexible
安装：npm install postcss-px2rem-exclude --save
②postcss-px2rem-exclude
安装：npm install lib-flexible --save
重点：因为cli3项目表和2有较大的不同,所有适配也不同
①在postcss.config.js配置（我项目中在这里配置才有效）
postcss.config.js

module.exports = {
plugins: {
autoprefixer: {},
“postcss-px2rem-exclude”: {
remUnit: 75,
exclude: /node_modules|folder_name/i
}
}
};
②在 package.json中配置
package.json

“postcss”: {
“plugins”: {
“autoprefixer”: {},
“postcss-px2rem-exclude”:{
“remUnit”: 75,
“exclude”:"/node_modules|floder_name/i"
}
}
},

注意：remUnit：75,有可能页面字体会缩小此时修改为37.5就OK了！
拓展：vue-cli2版本可以查看此链接:https://segmentfault.com/a/1190000015238394
参考链接：https://www.cnblogs.com/skylineStar/p/10036525.html（好人呐！）
https://www.cnblogs.com/guandekuan/p/10551711.html