rem的使用

rem是基于html元素的字体大小来决定

定义一个自调用函数,用于设置rem的大小(/sr/common/autoScale.js)
参数网站:[http://caibaojian.com/mobile-responsive.html]

;
(function(win) {
    var doc = win.document;
    var docEl = doc.documentElement;
    var tid;

    function refreshRem() {
            var width = docEl.getBoundingClientRect().width;

            var rem = width / 7.5;
            docEl.style.fontSize = rem + 'px';
    }

    win.addEventListener('resize', function() {
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 300);
    }, false);
    win.addEventListener('pageshow', function(e) {
            if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
            }
    }, false);

    refreshRem();

})(window);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容