REM 的弹性布局

1. //auto adaptation
   
2.         var calculate_size = function () {
   
3.             var BASE_FONT_SIZE = 100;
   
4.     
   
5.             var docEl = document.documentElement,
   
6.                 clientWidth = docEl.clientWidth;
   
7.             if (!clientWidth) return;
   
8.             docEl.style.fontSize = BASE_FONT_SIZE * (clientWidth / 320) + 'px';
   
9.         };
   
10.     
    
11.         // Abort if browser does not support addEventListener
    
12.         if (document.addEventListener) {
    
13.             var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
    
14.             window.addEventListener(resizeEvt, calculate_size, false);
    
15.             document.addEventListener('DOMContentLoaded', calculate_size, false);
    
16.             calculate_size();
    
17.         }
    
18. 设定html的字体大小的变化