html rem自适应大小

rem会根据HTML根节点字体大小动态调整尺寸，是一个相对单位；

首先设置html根节点字体大小：

html{
        font-size:10px;
    }

此时相当于1rem=10px，方便计算；

第二：需要计算屏幕宽度来动态设置html根节点字体的大小：

<script>
        var w = (document.body && document.body.clientWidth || document.getElementsByTagName("html")[0].offsetWidth);
        w = Math.min(640, w);//640为需要适配的最大屏幕宽度
        var fs = w / 35;//35这个数字根据实际想要的字体大小进行调整
        document.getElementsByTagName("html")[0].setAttribute("style", "font-size:" + fs + "px;");
</script>