您好,欢迎来到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,这样是为了方便计算

Copyright © 2019- appcontents.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务