利用vw+rem实现移动web适配布局 (2)

这里不推荐 因为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)
涉及到兼容问题

总结 vw + rem的好处

实现简单

不依赖插件及第三方库

几行css代码 就可以实现

开发方便

100vw === 设计稿 / 100 rem 方便换算

不影响px使用,完美兼容第三方组件库

不存在富文本和iframe等兼容问题

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdjys.html