大屏可视化px转rem方案实现

最新推荐文章于 2024-11-11 23:32:58 发布

垫底菜鸡

最新推荐文章于 2024-11-11 23:32:58 发布

阅读量266

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_52600282/article/details/142588691

版权

该方案有点不会字体模糊，现实一比一扩张收缩。

参考：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: ['*']
    })],
};