移动端rem布局方式：vue cli3.0 px转rem

移动端开发，px自动转rem的方法

rem布局的简介

其实rem布局的本质是等比缩放，一般是基于宽度，如果想要页面元素随着屏幕宽度等比变化，那么使用css3里里面的rem是非常适合的。

我用的是vue3.0的脚手架，安装插件就可以自动把px转换成rem。

废话不多说啦。直接上点干货吧

首先安装amfe-flexible插件

npm i amfe-flexible

在main.js里引入 如图：

import 'amfe-flexible'

安装postcss-px2rem插件

postcss-px2rem这个插件的作用是 自动将vue项目中的px转换为rem

npm i postcss-px2rem