1. 程式人生 > >rem佈局適應不同手機解析度處理方法

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>