前端自适应postcss-pxtorem使用介绍

1. 安装插件

   yarn add lib-flexible postcss-px2rem
   

2. 在 public 中的 index.html 中删除 meta 标签

   flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。

3. 在 src / main.js 中导入插件包

   // 导入 rem 的 js, 动态的设置了, 不同屏幕的html根元素的 font-size
   import 'lib-flexible'
   

4. 配置 vue.config.js

   module.exports = {
        
     devServer: {