rem.js

作者: 1994陈 | 来源:发表于2021-08-11 15:53 被阅读0次

    //设置跟元素字体大小,配合rem做屏幕适配

    ```

    (

        function(doc,win){

                let docEl=doc.documentElement;

                resizeEvt="orientationChange" in window ? 'orientationchange' :'resize';

                recalc=function(){

                    let clientWidth=docEl.clientWidth;

                    if(!clientWidth) return;

                    window.font=docEl.style.fontSize=parseInt(30*(clientWidth/750)) + 'px';

                };

                if(!doc.addEventListener)  return;

                win.addEventListener(resizeEvt,recalc,false);

                doc.addEventListener('DOMContentLoaded',recalc,false);

     }

       )(document,window);

    ```

    相关文章

      网友评论

          本文标题:rem.js

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