动态计算rem的js代码

时间:2022-05-04
本文章向大家介绍动态计算rem的js代码，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

以最小1024尺寸为例:

function rem() {
    var htmlEle = document.documentElement;
    var winWidth = htmlEle.clientWidth || document.body.clientWidth;
    var width = winWidth <= 1024 ? 1024 : winWidth;
    htmlEle.style.fontSize = Math.ceil(100 * (width / 1920)) + 'px';
    htmlEle.style.height = htmlEle.clientHeight + 'px';
    htmlEle.style.minWidth = 1024 + 'px';
};
rem();
window.onresize = function() {
    rem();
}

随机文章
Javascript知识点必读
最近更新