ITPub博客

首页 > 数据库 > > js计算rem的问题

js计算rem的问题

作者:sherrywong 时间:2019-04-15 15:33:22 0 删除 编辑

em是相对于根元素<html>,下面是js计算rem布局的方式

(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 = 20 * (clientWidth / 320) + 'px';
    };if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);

})(document, window);

这段代码的
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
我想知道怎么把设计图的量出来的px尺寸转为相应rem的值,不太明白 有人吗?

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/46/viewspace-3124928/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    83
  • 访问量
    594