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

问题描述

手机端禁止缩放只要加一条meta标签即可&＃xff0c;pc端如果要禁止缩放如何做&＃xff1f;

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

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

document.addEventListener(&＃39;DOMContentLoaded&＃39;, function (event) {

//chrome浏览器

document.body.style.zoom &＃61; &＃39;reset&＃39;;

document.addEventListener(&＃39;keydown&＃39;, function (e) {

if ((e.ctrlKey &＃61;&＃61;&＃61; true || e.metaKey &＃61;&＃61;&＃61; true) &&

(e.which &＃61;&＃61;&＃61; 61 || e.which &＃61;&＃61;&＃61; 107 || e.which &＃61;&＃61;&＃61; 173 || e.which &＃61;&＃61;&＃61; 109

|| e.which &＃61;&＃61;&＃61; 187 || e.which &＃61;&＃61;&＃61; 189)) {

e.preventDefault();

}

}, false);

document.addEventListener(&＃39;mousewhell DOMMouseScroll&＃39;, function (e) {

if (e.ctrlKey &＃61;&＃61;&＃61; true || e.metaKey &＃61;&＃61;&＃61; true) {

e.preventDefault();

}

}, false);

}, false);