移动端点击input,select页面会缩放偏移的问题

最近做APP项目的时候发现在IOS端用select选择框的时候出现选择完页面向左偏移的问题，设置meta标签禁止缩放也没用。后面通过百度查阅得知Safari浏览器无法通过meta属性限制其缩放，可以在页面中添加如下代码，实现缩放禁止，主要原理是：禁止两指以上的触摸事件（因为缩放需要两指操作），禁止手势事件的识别。在VUE中可以直接在index.html页面添加

window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }) document.addEventListener('gesturestart', function(event) { event.preventDefault() }) }