vue+webpack使用lib-flexible自动转换rem

1、安装lib-flexible

      npm i lib-flexible --save-dev    

2、在man.js中引入lib-flexible

      import ‘lib-flexible/flexible.js‘

3、安装自动转换rem的工具

      npm install px2rem-loader 

vue+webpack使用lib-flexible自动转换rem4、配置px2rem

      在bulid文件夹中找到until.js然后添加以下代码:

vue+webpack使用lib-flexible自动转换rem

 

vue+webpack使用lib-flexible自动转换rem

5、配置完成后启动项目,在css中写单位直接写px  然后在浏览器中的检查就可以看到单位是rem

vue+webpack使用lib-flexible自动转换rem

上一篇:CSS3选择器 :nth-child()的用法


下一篇:数据库的连接-JDBC-数据的增、删、改、查