vue适配

vue项目适配各个屏幕-px转rem

2021-08-25  本文已影响0人  小鱼儿_逆流而上
小鱼儿心语: 好好赚钱吧,没有钱,拿什么呵护你的亲情,支撑你的爱情,联络你的友情?靠嘴么?别闹了,大家都挺忙的!
vue项目中index.html页面
  • 100px = 1rem
  • vue 各个组件中直接用即可
<script>
    fnResize();
    window.onresize = function () {
      fnResize();
    }
    function fnResize() {
      let designSize = 1920;
            let html = document.documentElement;
            let wW = html.clientWidth;
            let rem = wW * 100 / designSize;
            document.documentElement.style.fontSize = rem + 'px';
    }
  </script>
上一篇 下一篇

猜你喜欢

热点阅读