这里不推荐 因为px2rem: 写px时需要加上 /*no*/ 感觉比较麻烦
const px2rem = require('postcss-px2rem') const postcssPx2rem = new px2rem({ remUnit: 50 // 基准大小 }) css: { loaderOptions: { postcss: { plugins: [postcssPx2rem] }, } },方法二:目前方案是直接写 7.5rem=100vw 设计稿除以100即可
方法三:px2rem的编辑器插件如vscode的cssrem
除不尽的问题 (calc)
涉及到兼容问题
实现简单
不依赖插件及第三方库
几行css代码 就可以实现
开发方便
100vw === 设计稿 / 100 rem 方便换算
不影响px使用,完美兼容第三方组件库
不存在富文本和iframe等兼容问题