vue 移動端適配

這裏我寫一下我本身用的vue 移動端適配 ，可能跟別人的不同。可是效果是同樣的。
我是安裝 amfe-flexible

 

npm i -S amfe-flexible

安裝px2rem，使得咱們在開發中不須要本身手動計算，照常寫px

 

npm install px2rem-loader --save-dev

在build目錄下的utils.js修改配置

 

const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75,
    }
  }

1573782225(1).png

在index.html的頭部設置

 

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

重啓項目就能夠了

對於不須要轉換的能夠在後面加上 /* no*/

 

width: 6px; /*no*/
    height: 6px; /*no*/

這樣就能夠在本身的項目裏使用px自由轉換rem了。