最近做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() }) }

Logo

前往低代码交流专区

更多推荐