移动端js兼容代码禁止放大缩小问题

Question

 <!--移动端版本兼容 -->  
    <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>  
    <!--移动端版本兼容 end -->  

这个代码，在安卓2.3以上和苹果手机都没有问题，但是在安卓2.3 缩小是被禁止了
但是还是可以放大，有没有大神知道怎么回事啊。。

Answer 1

直接head放这个不行？干嘛用js输出

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