JavaScript-rem字体自适应

给html标签上添加 id=“FontSize”;

你期望满屏的rem值,如:

<html font-size:100px></html>

我的主要内容为1200px,那么我的满屏结果就是1200/100=12rem

            //rem自适应
            document.getElementById("FontSize").style.fontSize = document.body.clientWidth / 12 + "px";//第一次浏览器无滚动条
            document.getElementById("FontSize").style.fontSize = document.body.clientWidth / 12 + "px";//第二次有浏览器滚动条出现后需要再次调用以获取不含滚动条的的视窗宽度

ok,这样就完成了!

posted @ 2017-01-24 14:25  YanEr、  阅读(371)  评论(0编辑  收藏  举报