我的知识记录分享

我的知识记录分享

vue根据屏幕调整fon

2021-1-20 糖果小宝

 mounted() {
    this.$nextTick(function () {
      // 适配不同屏幕,改变根font-size值
      if (
        document.documentElement.clientWidth <=
        document.documentElement.clientHeight
      ) {
        document.documentElement.style.fontSize =
          document.documentElement.clientWidth / 7.5 + "px";
      } else {
        document.documentElement.style.fontSize =
          document.documentElement.clientWidth / 13.34 + "px";
      }
    });
  },

发表评论: