H5开发过程中遇到这样一种情况:H5在安卓手机上看一切正常;但是在苹果手机上,点击输入框输入账号密码,页面就会随着点击进行页面缩放,导致页面不固定,可以上下左右来回移动。
以下是解决方法:
在index.html页面里加下面这串代码(该代码的作用是禁止页面缩放)
<script>
window.onload = function () {
document.addEventListener('touchstart', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
};
</script>