在Vue-cli5.0环境下，针对h5新项目，通过测试postcss-px2rem和postcss-pxtorem-exclude插件存在的问题，最终选择使用postcss-pxtorem进行px转rem。结合lib-flexible实现适配方案。通过滑动验证页面和观察不同视口下html fontSize及元素css属性变化，确认适配方案有效。
经过多重测试 试了postcss-px2rem postcss-pxtorem postcss-pxtorem-exclude 这三个px转rem的插件 发现postcss-px2rem postcss-pxtorem-exclude 这两个插件会存在 node.getIterator is not a function 这个问题 看了如下文档后选择了 postcss-pxtorem
https://blog.youkuaiyun.com/qq_40462931/article/details/123616629
对适配方案选择了
lib-fixible+pxtorem
验证是否生效
不同的视口下 html标签的fontSize属性改变 证明fixiable生效 红盒子的css属性已经转换为rem证明 pxtorem生效
最低0.47元/天 解锁文章
扫一扫
到【灌水乐园】发言
