1、在页面挂载钩子中写入,全局App文件
this.keepRatio() window.addEventListener('resize', () => { this.keepRatio() }); 2、定义禁止缩放函数 keepRatio() { var ratio = 0 // 定义一个缩放比例 var screen = window.screen // 获取窗口对象 var ua = navigator.userAgent.toLowerCase() if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio // 像素大小的比例 } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth // 外部比例/内部比例:缩放比例 } if (ratio) { ratio = Math.round(ratio * 100) } this.ratio = (ratio / 100).toFixed(2) document.body.style.zoom = 1 / this.ratio // 窗口视图除以缩放比例:即缩放还原 } 标签:ratio,鼠标,缩放,screen,undefined,window,var,滑轮 From: https://www.cnblogs.com/zj6666/p/16899504.html