vuecli3 PC端页面自适应

使用技术：
1、lib-flexible（阿里可伸缩布局方案）
2、postcss-pxtorem（postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem）
以上
使用方法：
1、安装插件
npm i lib-flexible -S
npm i postcss-pxtorem@5.1.1 -D

2、在main.js页面引用：

import 'lib-flexible';

3、在vue.config.js配置postcss-pxtorem，首先在页面头部引用postcss-pxtorem

const pxtorem = require('postcss-pxtorem');

然后在module.exports = {}中配置

css: {
		loaderOptions: {
			postcss: {
				plugins: [
					pxtorem({
						rootValue: 192,	// 根据设计图的尺寸来，我的是1920px
						propList: ['*'],
						"selectorBlackList": ["van-"],   //排除vant框架相关组件
					})
				]
			},
			less: {
				autoprefixer: {},
				javascriptEnabled: true
			},
		}
	},

4、修改./node_modules/lib-flexible/flexible.js下的refreshRem方法中的540直接改成width，把540px的限制取消。