rem 之js代碼獲取font-size值（適合移動手機端）

　　這兩天學的是自適應，代碼有點亂。並且這幾天忙着寫實習報告，也沒有時間去整理。

　　可是，這下面代碼吧，是能夠獲取html的font-size值的，而後用來設置相對單位rem的從而達到自適應效果的；看到紅色的width了吧，把它改爲你屏幕寬度就好，好比個人是1920px；那麼這樣算出來html{font-size：600px}； 這樣的話你要設置其餘元素的rem，好比span{font-size：12px；}，要自適應就用12/600，就是0.02rem，span{font-size：0.02rem；}這樣你的span字體就隨屏幕大小也變了，或者你要設置圖片啊傻的，也是用它的寬或者高除於600。

　　至於你要pc端和手機端分開效果什麼的，用@media分別寫CSS樣式就哦了。

 <script>
        !(function(doc, win) {
            var docEle = doc.documentElement,//獲取html元素
                event = "onorientationchange" in window ? "orientationchange" : "resize",//判斷是屏幕旋轉仍是resize;
                fn = function() {
                    var width = docEle.clientWidth;
                    width && (docEle.style.fontSize = 100  * (width / 320) + "px");//設置html的fontSize，隨着event的改變而改變。
                };
            
            win.addEventListener(event, fn, false);
            doc.addEventListener("DOMContentLoaded", fn, false);
        
        }(document, window));
    </script>