H5页面兼容苹果，取消苹果input获取焦点自动放大问题解决办法

最近项目做的是h5的手机移动端，在用苹果浏览器测试时，弹出框输入信息会自动拉伸屏幕，并且不会像安卓一样回来。
网上查找说设置浏览器自适应头，但是并没有效果，
需要引入jquery.min.js即可
<meta name="viewport"  content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta name="viewport"  content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
js代码
<script>
jQuery(document).ready(function($) {
____window.onload = function () {
                document.addEventListener(&#39;touchstart&#39;, function (event) {
                    if (event.touches.length > 1) {
                        event.preventDefault();
                    }
                });
                var lastTouchEnd = 0;
                document.addEventListener(&#39;touchend&#39;, function (event) {
                    var now = (new Date()).getTime();
                    if (now - lastTouchEnd <= 300) {
                        event.preventDefault();
                    }
                    lastTouchEnd = now;
                }, false);
                document.addEventListener(&#39;gesturestart&#39;, function (event) {
                            event.preventDefault();
                });
        }
});
</script>

Tags：

文章版权声明：除非注明，否则均为玖玖模板,苹果cms,苹果cms模板,免费cms模板,苹果cms模板网站原创文章，转载或复制请以超链接形式并注明出处。