vue移动端pc端自适应

最新推荐文章于 2024-09-28 12:08:31 发布

周18

最新推荐文章于 2024-09-28 12:08:31 发布

阅读量586

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_35736512/article/details/113614872

版权

vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

该安装的安装
1.import ‘lib-flexible/flexible’
2.build/untils:

  const px2remLoader = {
    loader: 'px2rem-loader',
     options:{
       remUnit: 144 //	设计图宽度/10
     }
  }

在这里插入图片描述
3.node包里找到flexible.js

   function refreshRem(){
        var width = docEl.getBoundingClientRect().width;
        if (width / dpr > 540) {
          width = width * dpr; //修改的是这里
        }
        var rem = width / 10;
        docEl.style.fontSize = rem + 'px';
        flexible.rem = win.rem = rem;
    }