手机端处理布局rem

Posted hyx626

tags:

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

  if (document.documentElement.clientWidth > 600) {//页面宽度大于600px让其宽度等于600px,字体大小等于60px,居中
    document.documentElement.style.width = "600px";
    document.documentElement.style.fontSize = "60px";
    document.documentElement.style.margin = "0 auto";
  } else {//否则让其根节点字体大小等于宽度/10px
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + "px";
  }

以上是关于手机端处理布局rem的主要内容,如果未能解决你的问题,请参考以下文章

手机端页面自适应解决方案—rem布局

移动端适配(手机端rem布局详解)

手机端页面自适应解决方案—rem布局(该方案目前已过时)

手机端页面自适应解决方案—rem布局

rem布局可以用来做pc端页面布局吗

70.JS---利用原生js做手机端网页自适应解决方案rem布局