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的值