移动端页面自适应代码

当有引用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.οnlοad=function(){ 
    window.οnresize=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(); 
}