如何phpweb手机网站按比例显示铺满手机全屏/网站两边不留白？

PHPWEB手机网站，一般手机网站框架宽度为320、640，大多数是这两个宽度，然而在大屏幕手机比如安卓手机上，720分辨率的情况下，手机网站两边会留白，并且无法全屏铺满显示，视觉效果不是特别好，那如何解决phpweb手机网站两边留白问题，如何让phpweb手机网站按比例显示呢？

第一种方法：

<script type="text/javascript">  

if(/Android (\d+\.\d+)/.test(navigator.userAgent)){

        var version = parseFloat(RegExp.$1);

        if(version>2.3){

            var phoneScale = parseInt(window.screen.width)/640;

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

        }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>

第二种方法

<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);  

    if (version > 2.3) {  

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

    } 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>