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

2个回答

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

 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
oCuiXun
崔勋 因为我写代码的时候 直接按照 640px 来做了 没用百分比。。
大约 5 年之前 回复

配置一下meta就可以了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐