Rem 字体设置学习

最新推荐文章于 2022-11-14 11:20:31 发布

一喵呜

最新推荐文章于 2022-11-14 11:20:31 发布

阅读量2.3k

点赞数

分类专栏： HTMl5 CSS3 JavaScript HTML5自由者文章标签： Rem 前端 CSS3 html5

本文链接：https://blog.csdn.net/html5_/article/details/46574861

版权

HTML5自由者同时被 3 个专栏收录

94 篇文章 13 订阅

订阅专栏

HTMl5

81 篇文章 0 订阅

订阅专栏

CSS3

35 篇文章 0 订阅

订阅专栏

这里写图片描述

（2）JS方法动态计算根元素的字体大小：【淘宝首页：m.taobao.com】

(function (doc, win) {

     var docEl = doc.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          recalc    = function () {
                 var clientWidth = docEl.clientWidth;
                 if (!clientWidth) return;
               docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
          };
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);    
})(document, window);