首页 > 代码库 > rem适配代码

rem适配代码

 1 ;
 2 (function(win) {
 3     var doc = win.document;
 4     var docEl = doc.documentElement;
 5     var tid;
 6 
 7     function refreshRem() {
 8         var width = docEl.getBoundingClientRect().width;
 9         if (width > 540) { // 最大宽度
10             width = 540;
11         }
12         var rem = width / 6.4;
13         docEl.style.fontSize = rem + ‘px‘;
14     }
15 
16     win.addEventListener(‘resize‘, function() {
17         clearTimeout(tid);
18         tid = setTimeout(refreshRem, 300);
19     }, false);
20     win.addEventListener(‘pageshow‘, function(e) {
21         if (e.persisted) {
22             clearTimeout(tid);
23             tid = setTimeout(refreshRem, 300);
24         }
25     }, false);
26 
27     refreshRem();
28 
29 })(window);

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

rem适配代码