移动端页面自适应代码

来源:互联网 发布:公章制作软件 编辑:程序博客网 时间:2024/06/07 10:01

当有引用jQ或者Zepto版本库时候:

(function(){(window).resize(infinite);     function infinite() {         var htmlWidth = (‘html’).width();          if (htmlWidth >= 640) {(“html”).css({             “font-size” : “40px”         });     } else {         $(“html”).css({             “font-size” : 40 / 640 * htmlWidth + “px”             });         }     }infinite(); });
当不需要其他脚本时候,不需要页面引用版本库时,可以如下:

window.onload=function(){     window.onresize=function(){         infinite()     }     function infinite() {         var html = document.getElementById(‘html’);         var htmlWidth = document.body.clientWidth;         if (htmlWidth >= 750) {             html.style.fontSize=”40px”         } else {             html.style.fontSize = 40 / 750 * htmlWidth + “px”;         }     }infinite(); }


原创粉丝点击