mobile web开发的问题

        我们在开发手机端web的时候， 常常会遇到这样的一种情况， 手机的屏幕大小不同， 手机的实际分辨率也不一样， 但是设计是按640px宽来设计的， 这样的话， 我们没办法来统一显示。解决方法， 设置viewport的,target-densitydpi=device-dpi，如下

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi">

加上这句 target-densitydpi=device-dpi 可强制显示真实分辨率大小， 页面所有字号大小，都按照某一宽度 比如设计图页面宽度640的，然后所有不同分辨率的手机，都按640px缩放。

$(window).bind( 'resize load' , function (){ 

        $( "body" ).css( "zoom" , $(window).width() / 640); 

        $( "body" ).css( "display" , "block" ); 

});