設置rem基准值

<script type="text/javascript">
            (function(){
                var docEl = document.documentElement;
                function setRemUnit(){
                    
                    //獲取到rem的基准值
                    var rem = docEl.clientWidth / 10;
                    
                    //動態設置html根元素的font-size
                    docEl.style.fontSize = rem + 'px';
                }
                setRemUnit();
                
                //窗口大小變化時觸發
                window.addEventListener('resize',setRemUnit);
                
                //窗口出現在當前屏幕時(有瀏覽器兼容性)
                window.addEventListener('pageshow',function(e){
                    if(e.persisted){
                        setRemUnit();
                    }
                });
            })();
            
        </script>

可直接放在頁面頭部