H5网页开发(1) —使用zoom进行网页缩放

1、在meta标签中加入viewport的定义

<meta name="viewport" content="width=640, maximum-scale=1.0, user-scalable=no"/>

$(window).bind('resize load', function() {
    $("body").css("zoom", $(window).width() / 640);
    $("body").css("display", "block");
    $("body").css("zoom", $(window).width() / 640);
});

注意:这里面的数字640，就是UI设计图片的宽度或者说是网页的宽度。