问题描述

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

 <!--移动端版本兼容 -->
    <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 缩小是被禁止了
但是还是可以放大，有没有大神知道怎么回事啊。。

解决方案

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

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

解决方案二：

配置一下meta就可以了