vant-ui进阶玩法 多端视图适配

一、安装依赖

1.1

yarn add postcss-pxtorem amfe-flexible
yarn add vant

1.2引入

//main.js
import 'amfe-flexible/index'

1-3 postcss.config.js

module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}
//Tips：public/index.html 一定要加上视口
 <meta name="viewport" content="width=device-width,initial-scale=1.0">