rem布局适应不同手机分辨率处理方法

<script type="text/javascript">

/* 因为我们后面用的是rem布局，所以这里做下处理，根据不用设备分辨率更改跟字体大小。*/

(function(win,doc){

      change();

      function change(){

             doc.documentElement.style.fontSize = doc.documentElement.clientWidth *20/320+'px';

      }

     win.addEventListener('resize',change,false);

    win.addEventListener('orientationchange',change,false); /* 这个是移动端设备横屏、竖屏转换时触发的事件处理函数 */ })(window,document);

</script>