移动端布局动态求font-size

核心知识点：
  设置根字体大小,当页面改变时生效，从而整体改变样式。
基本公式：
  以iPhone5，宽度320px，为例：
  动态改变的根字体大小 = 20 * document.documentElement.clientWidth / 320 + "px"
代码如下：

window.onload = function(){
    (function (win,doc) {
        function change() {
            doc.documentElement.style.fontSize=20*doc.documentElement.clientWidth/320+'px';
        }
        change();
        //注意：移动端的js操作都要用事件绑定
        win.addEventListener('resize',change,false);
    })(window,document); 
}