做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回答
实现方法不唯一,可以使用该代码,作业中要求“”移动端的基础和媒体查询“,多实战,使用多种方法实现效果,对掌握知识有很大帮助。祝学习愉快。
相似问题