禁止页面放大缩小

Android系统

// index.html<!-- 禁止放大缩小左右滑动 --><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><!-- 限制界面为竖屏，旋转屏幕也不会改变当前状态 --><meta name="screen-orientation" content="portrait"/>

IOS系统

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

上下左右滑动

这个在对于页面进行添加

@touchmove.prevent @mousewheel.prevent

这个是在页面当中加入父标签当中实现效果

参考链接

js禁止页面滚动

如果觉得《vue移动端禁止页面放大缩小 上下左右滑动》对你有帮助，请点赞、收藏，并留下你的观点哦！