Vue相关

最新推荐文章于 2022-11-01 15:39:02 发布

tabianY

最新推荐文章于 2022-11-01 15:39:02 发布

阅读量98

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/tabianY/article/details/117817309

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、屏幕适配

1）安装 lib-flexible ：

npm install lib-flexible --save-dev

在main.js中引入lib-flexible

import 'lib-flexible'

2）安装 px2rem-loader

npm install px2rem-loader --save-dev

vue.config.js配置，重新运行

module.exports = {
    css: {
        loaderOptions: {
            css: {},
            postcss: {
                plugins: [
                    require('postcss-px2rem')({
                        // 以设计稿750为例， 750 / 10 = 75
                        //remUnit: 75
                          remUnit: 37.5 //适配vant
                    }),
                ]
            }
        }
    },
};