Bootstrap

在vue3中做移动端适配vite版(淘宝适配方案)

1.下载安装amfe-flexible插件(根据屏幕尺寸动态计算REM单位)

npm i amfe-flexible -s

2.在main.js文件中引入全局的amfe-flexible文件

import 'amfe-flexible'

3.下载安装postcss-pxtorem单位转换插件

npm i postcss-pxtorem -s

4.创建1个postcss.config.js文件

module.exports = {                            //模块暴露

  plugins: {                                        //插件配置

    'postcss-pxtorem': {                     //插件名称

      rootValue: 37.5,                      //设计稿375就设置37.5    设计稿750就设置75

      propList: ['*'],                           //配置所有字体大小

      selectorBlackList: ['scss-']       //过滤掉scss-开头的class,不进行rem转换

    }

  }

}

;