动态计算rem的js代码

Posted 李初五

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态计算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();
}

 

以上是关于动态计算rem的js代码的主要内容,如果未能解决你的问题,请参考以下文章

第148天:js+rem动态计算font-size的大小,适配各种手机设备

js动态计算移动端rem

前端移动端rem页面怎么写js代码怎么写

根据iPhone6设计稿动态计算rem值

根据iPhone6设计稿动态计算rem值

rem移动端适配方案