vant 基于rem做屏幕适配：

vant 基于rem做屏幕适配：

参考官网给出的demo vant-demo

安装依赖
npm i postcss-pxtorem@5.1.1
npm i amfe-flexible

在main.js里面

import 'amfe-flexible';

vue.config.js

const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
module.exports = {
	publicPath: '/',
	assetsDir: "static",
	css: {
		loaderOptions: {
			postcss: {
				plugins: [
					autoprefixer(),
					pxtorem({
						rootValue: 37.5,
						propList: ['*']
					})
				]
			}
		}
	}
};

最后在index.html引入：

<meta name="viewport"
			content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">