最近手寫移動端樣式比較多。其中涉及一個很重要的就是字型的大小。現在移動端解析度不盡相同，在不同解析度下顯示不同不同字型大小，是做移動開發的基礎。實現方法有多種，可以是媒體查詢，也可以JS控制。媒體查詢的我就不貼了，在這我貼出JS控制字型大小。

<script>
        (function (doc, win) {
              var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
 
,
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 26 * (clientWidth / 750) + 'px';
            };

              if (!doc.addEventListener) return;
              win.addEventListener(resizeEvt, recalc, false
 
);
              doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);
</script>

將以上script標籤放到頁面header中即可。