移动端适配，Fontsize.js封装

很困的程序媛

已于 2022-11-07 10:20:31 修改

阅读量173

点赞数

分类专栏：移动端文章标签： html java javascript

于 2022-09-16 11:20:18 首次发布

本文链接：https://blog.csdn.net/m0_67372185/article/details/126887043

版权

移动端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

直接上代码：

window.onload = function () {

  function setHtml() {

    let cWidth =

      document.body.clientWidth || document.documentElement.clientWidth;

    let target = cWidth / 7.5;

    document.documentElement.style.fontSize = target + "px";

  }

     /*

      在375分辨率下，设置html根节点的font-size为100

      375/20 = 414/target(在414分辨率下的html font-size值)

      target=414/375*100

    */

  setHtml();

  window.onresize = setHtml;

}