手机网站要有时候使用meta并不兼容所有设备和浏览器，下面的代码有助于实现完美自适应。不论你的手机网站建设设定的分辨率是多少，1024，480，还是640的宽度，只需要将JS代码中的“640”换成你网站制作时的像素宽度即可实现宽度100%适应屏幕，兼容安卓系统，苹果系统。

<script type="text/javascript">

var phoneWidth = parseInt(window.screen.width);

var phoneScale = phoneWidth/640;

var ua = navigator.userAgent;

if (/Android (\d+\.\d+)/.test(ua)){

var version = parseFloat(RegExp.$1);

// andriod 2.3

if(version>2.3){

document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');

// andriod 2.3以上

}else{

document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');

}

// 其他系统

} else {

document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');

}

</script>