阿里里,苹果cms模板,免费苹果cms模板,苹果cms网站,苹果cms插件H5页面兼容苹果，取消苹果input获取焦点自动放大问题解决办法
导读：最近项目做的是h5的手机移动端，在用苹果浏览器测试时，弹出框输入信息会自动拉伸屏幕，并且不会像安卓一样回来。 网上查找说设置浏览器自适应头，但是并没有效果， 需要引入jquery.min.js即可 <meta name="viewport" content="width=device-width, initial-scale=1.0,...
最近项目做的是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('touchstart', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
}
});
</script>
