手机端点击HTML input输入框页面放大的问题解决放法

<script>
    if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
       var version = parseFloat(RegExp.$1);
    if(version>2.3){
       var phoneScale = parseInt(window.screen.width)/230;
       document.write('<meta name="viewport" content="width=230, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', user-scalable=no, target-densitydpi=device-dpi">');
       }else{
            document.write('<meta name="viewport" content="width=230, target-densitydpi=device-dpi">');
       }
       }else{
            document.write('<meta name="viewport" content="width=230, user-scalable=no, target-densitydpi=device-dpi">');
       }
</script>

只需要把这段代码复制到HTML页面就行了

别忘了设置这个

<meta name="viewport" content="width=drvice-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">