css - 响应式布局

方案: REM、VW、REM + VW

lib-flexible

postcss-plugin-px2rem -D

main.js import 'lib-flexible/flexible.js'

vue.config.js:

css: {
  loaderOptions: {
    postcss: {
      plugins: [
        requrie('postcss-plugin-px2rem')({
          rootValue: 37.5,  // 设计稿大小/10
          exclude: /(node_module)/,
          minPixelValue: 3  // 只对>=3px生效
        })
      ]
    }
  }
}