美文网首页我爱编程
rem 的适配问题

rem 的适配问题

作者: 郭的妻 | 来源:发表于2018-05-20 16:51 被阅读21次
     //发生大小时触发
       window.addEventListener('resize',setRem)
     //页面加载完成
     window.addEventListener('load',setRem)
     // 屏幕旋转是触发
     //onorientationchange=屏幕旋转
     window.addEventListener('onorientationchange',setRem)
    
    function setRem(){
       var html = document.getElementsByTagName('html')[0];
      var width = html.getBoundingClientRect().width / 16 + "px";
        html.style.fontSize = width;
    }
    
        @function rem($px){
           //  根据 element 除出来的宽度计算
           @return $px / 46.875 +rem;
         }
    

    相关文章

      网友评论

        本文标题:rem 的适配问题

        本文链接:https://www.haomeiwen.com/subject/lfetjftx.html