Vue 移动端适配 amfe-flexible

"amfe-flexible": "^2.2.1",
"postcss-px2rem": "^0.3.0",

插件安装

配置px转rem

addPostcssPlugins([require("postcss-px2rem")({ remUnit: 37.5 })]),

remUnit是37.5,750px的设计稿就要除以2 来写px单位

remUnit是75,750px的设计稿就是1:1来写px单位

https://github.com/amfe/lib-flexible

参考:

https://blog.csdn.net/lovemyself196221/article/details/105488397

https://www.cnblogs.com/wtsx-2019/p/12656554.html

https://www.jianshu.com/p/220a186cc033

react移动端参考

https://github.com/baozouai/react-mobile-app.git

如果直接引用 flexible.js 750px的设计稿: rem的换算是除以75就是rem的值