app资讯
您的当前位置:首页详细介绍rem适配的实例代码

详细介绍rem适配的实例代码

来源:app资讯


详细介绍rem适配的实例代码

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

 function refreshRem() {
 var width = docEl.getBoundingClientRect().width;
 if (width > 540) { // 最大宽度
 width = 540;
 }
 var rem = width / 6.4;
 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);

设置680原稿下的字体为100px,这样是为了方便计算

显示全文