rem ,em在实际中的应用

rem其实就是以html文档的根元素的的font-size为基准倍数, 在pc端中默认是12px

1rem = 12px *1  2rem = 12px *2

在实际应用中,要根据的原型来处理,基准备注是根据documentElemnt.style.fontSize为准的,

<script>
        document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';
        window.onresize=function(){
            document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';
        };
</script>

  

posted @ 2020-05-31 10:48  GQiangQ  阅读(7515)  评论(0)    收藏  举报