vue中的适配:px2rem

这应该是vue项目在适配挪动端时刻,最简朴的要领之一
下面是基础步骤(运用cnpm)
1.下载并引入lib-flexible

cnpm install --save lib-flexible

在main.js中 :import ‘lib-flexible/flexible’
2.引入px2rem-loader

cnpm install --save  px2rem-loader

3.将px2rem-loader增加到cssLoaders

在build/util.js中
增加以下设置

《vue中的适配:px2rem》

《vue中的适配:px2rem》

代码以下

 const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75//这个是重点,设想稿是750px
    }
  }
 const loaders = [cssLoader,px2remLoader]

完了就能够直接用px做单元根据750的设想稿撸代码了,

    原文作者:monkeykg
    原文地址: https://segmentfault.com/a/1190000017059317
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞