rem

js 动态修改 html 的 font-size 

<script type="text/javascript">
        // orientationchange 设备屏幕旋转 在浏览器
        let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
        recalc = function(){
            //兼容
            let clientWidth = document.documentElement.clientWidth || document.dody.clientWidth
            if(!clientWidth) return
            if(clientWidth>=640){
                document.documentElement.fontSize = '100px'
            }else{
　　　　　　　　　　　//　　750为设计搞的宽度
                document.documentElement.fontSize = 20 * (clientWidth/750) + 'px'
            }
        }
        
        // 窗口大小改变
        window.addEventListener(resizeEvt,recalc,false)
        // 页面内容加载完
        document.addEventListener('DOMContentLoaded',recalc,false)
    </script>

 

写样式的时候 配合scss使用