问答详情
源自:3-1 自适应rem布局

请大佬帮忙,整段代码都不怎么理解,我自己连贯不到一起,可以给我一份注释吗

<script type="text/javascript">
        var docE1 = document.documentElement,
        //当设备的方向变化(设备横向持或纵向持)此事件被触发。绑定此事件,
        //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize事件。
        //总的来就是监听当前窗口的变化,一旦有变化就需要重新设置跟字体的值
        resizeEvt ='orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function(){
            20 * (docE1.clientWidth / 320) + 'px'//设置跟字体大小
            docE1.style.fontSize = ?
        };
        
        //绑定浏览器缩放与加载时间
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
    </script>

提问者:慕瓜105636 2018-11-20 14:56

个回答

  • Elena_555
    2019-07-25 16:57:47

    var docE1 = document.documentElement,这句话的意思是用一个变量来承接整个document文件.

    resizeEvt ='orientationchange' in window ? 'orientationchange' : 'resize',这个是一个三元表达式,?前面的是条件,如果条件满足,就执行 : 前面部分,也就是orientationchange,如果条件不满足就执行resize,具体知识点你可以百度搜索三元表达式.

    recalc = function(){};这个是一个匿名函数赋值,然后在下面的监控浏览器宽度变化时调用这个函数,用来更改根标签的字体大小.

     window.addEventListener(resizeEvt, recalc, false);这句话是监听浏览器屏幕大小更改,并更改根标签的字体大小;