html禁止pc端网页缩放,如何禁止pc端浏览器缩放

问题描述

手机端禁止缩放只要加一条meta标签即可，pc端如果要禁止缩放如何做？

问题出现的环境背景及自己尝试过哪些方法

尝试过监控键盘和滚轮事件，阻止默认事件，在不同浏览器里表现不一

document.addEventListener('DOMContentLoaded', function (event) {

//chrome浏览器

document.body.style.zoom = 'reset';

document.addEventListener('keydown', function (e) {

if ((e.ctrlKey === true || e.metaKey === true) &&

(e.which === 61 || e.which === 107 || e.which === 173 || e.which === 109

|| e.which === 187 || e.which === 189)) {

e.preventDefault();

}

}, false);

document.addEventListener('mousewhell DOMMouseScroll', function (e) {

if (e.ctrlKey === true || e.metaKey === true) {

e.preventDefault();

}

}, false);

}, false);