Vue 移动端适配 amfe-flexible

vue

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

以上是 Vue 移动端适配 amfe-flexible 的全部内容, 来源链接: utcz.com/z/379558.html

回到顶部