基于vue-cli的移动端配置

1.安装lib-flexible和postcss-px2rem

	yarn add  lib-flexible
	yarn add postcss-px2rem	

说明：
lib-flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。
postcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的font-size值来计算出结果，1rem=html标签的font-size值。
2.删除根html中的meta默认标签

3.在main.js中引入lib-flexible

4.在vue.config.js中配置postcss-px2rem

 1 module.exports = {
 2     css: {
 3         loaderOptions: {
 4           css: {},
 5           postcss: {
 6             plugins: [
 7               require('postcss-px2rem')({
 8                 remUnit: 37.5
 9               })
10             ]
11           }
12         }
13     },
14 }

效果：
style中设置px单位：

控制台显示效果：

移动端配置完成！！！