码迷,mamicode.com
首页 > Web开发 > 详细

动态计算rem的js代码

时间:2017-06-26 15:02:39      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:最小   color   element   class   div   font   cli   min   height   

以最小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代码

标签:最小   color   element   class   div   font   cli   min   height   

原文地址:http://www.cnblogs.com/Smiled/p/7080335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!