vue引入弹性布局

vue中使用flexible.js移动端自适应方案 - Qhhh的个人博客

flexible的使用

1、先安装 postcss-plugin-px2rem 和 lib-flexible

npm i --save postcss-plugin-px2rem
npm i --save lib-flexible 

2、在main.js引入 

import 'lib-flexible/flexible'

3、在vue.config.js配置

module.exports = {
    css: {
      loaderOptions: {
        stylus: {
          'resolve url': true,
          'import': [
            './src/theme'
          ]
        },
        postcss: {
          plugins: [
            require('postcss-plugin-px2rem')({
              rootValue: 37.5, //换算基数，rootValue的值应该设置为你当前开发下屏幕的宽度/10(例：屏幕宽度为375，则设置为37.5)，之后就可以在css直接使用px，插件会自动转换成相应的rem。
              // exclude: /(node_module)/, //默认false，可以（reg&