大屏可视化px转rem方案实现
该方案有点不会字体模糊,现实一比一扩张收缩。
参考:vue项目实现PC端各分辨率适配 - 李云蹊 - 博客园 (cnblogs.com)
注意该文章Vue项目使用webpack。
如果 如果 如果 你用的是Vue+vite Vite Vite Vite需要修改 postcss.config.js 文件
import autoprefixer from 'autoprefixer'; import px2rem from 'postcss-pxtorem'; export default { plugins: [autoprefixer(), px2rem({ // 基准大小 baseSize,需要和rem.js中相同 rootValue: 16, unitPrecision: 5, propList: ['*'] })], };