做7-2作业题的时候也要放这个js代码吗?

来源:3-1 header响应式布局(1)

这个头像是黑豹

2018-06-13 12:06:08

<script type="text/javascript">
        (function(){
            var doc=document.documentElement;
            var resizeEvent="oriwntationchange" in window ? "orientationchange":"reszie";
            function recalc(){
                var clientWidth=document.documentElement.clientWidth;
                if(!clientWidth) return false;
                if(clientWidth>=1125){
                    doc.style.fontSize=20+"px";
                }else if(clientWidth<1125 && clientWidth>681){
                    doc.style.fontSize=20*(clientWidth/1125)+"px";
                    console.log(doc.style.fontSize)
                }else{
                    doc.style.fontSize=12+"px";
                }
            }
            window.addEventListener("resize",recalc,false);
            document.addEventListener('DOMContentLoaded',recalc,false);
        })()
    </script>


写回答

1回答

小于飞飞

2018-06-13

实现方法不唯一,可以使用该代码,作业中要求“”移动端的基础和媒体查询“,多实战,使用多种方法实现效果,对掌握知识有很大帮助。祝学习愉快。

0

0 学习 · 5012 问题

查看课程