移动端适配 rem 设置

Posted shouzi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端适配 rem 设置相关的知识,希望对你有一定的参考价值。

    refresh();
    window.onresize = function(){
      setTimeout(function(){
        refresh();
      },10)
    };
    function refresh() {
      let deviceWidth = document.documentElement.clientWidth;
      if (deviceWidth > 1200) {
        document.documentElement.style.fontSize = 1200 / 12 + "px";
      } else {
        document.documentElement.style.fontSize = deviceWidth / 7.5 + "px";
        console.log(deviceWidth / 7.5+ "px");
      }
    }

以上是关于移动端适配 rem 设置的主要内容,如果未能解决你的问题,请参考以下文章

移动端根据rem适配时,pc端调试器和手机显示效果不一致问题

rem 移动端适配

H5在移动端尺寸适配方案

移动端适配 rem 设置

08-移动端开发教程-移动端适配方案

移动端使用rem适配及相关问题