如何禁止pc端浏览器缩放

墨白
  • 80

问题描述

手机端禁止缩放只要加一条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);
回复
阅读 3.7k
1 个回答
ljw350556886
  • 46
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏