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);

html浏览器pc端禁止缩放,如何禁止pc端浏览器缩放相关推荐

二倍图（物理像素物理像素比，多倍图，背景缩放），移动端开发选择（移动端主流方案【单独制作移动端页面（主流），响应式页面兼容移动端（其次）】，移动端技术解决方案【移动端浏览器，特殊样式】）
二倍图物理像素&物理像素比物理像素指的是屏幕显示的最小颗粒,是物理真实存在的,我们开发的1px不一定等于1个物理像素,(PC端相同,移动端不一定相同) PC端和早期手机屏幕是 1CSS像素 ...
移动端下弹框禁止背景滑动
移动端下弹框禁止背景滑动茴字写法有很多种,找到最适合的才是好的. 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden .overflow-hidden{height ...
360浏览器打不开网页_苹果移动端、PC端safari浏览器打不开网页的解决方案！
你还在为苹果自带的safari浏览器打不开网页而苦恼吗,接下来的答案会帮助你解决苦恼. 苹果自带safari浏览器的设备分为两种:移动端.PC端.因此不同设备出现safari浏览器打不开网页的情况需要 ...
在移动端设置overflow:hidden禁止滚动的解决方法
在移动端设置overflow:hidden禁止滚动的解决方法参考文章: (1)在移动端设置overflow:hidden禁止滚动的解决方法 (2)https://www.cnblogs.com/ko ...
禁止input密码自动填充及浏览器记住密码完整解决方案
完整方案禁止缓存,禁止自动填充,不会触发浏览提示记住密码,其余与正常一致,该方案跨浏览器兼容且易结合任何框架及库使用. npm i nice-pass-word 具体使用参照文档既可以. 下面的内容 ...
IE浏览器PDF展示，禁止下载，禁止打印，禁止另存，禁止复制完美解决
1,IE浏览器下使用PDFObject,需求是只能预览不能下载不能另存及打印和复制, <template><div id="ensur"></div& ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
vue怎么给pc端浏览器设置一个最小屏幕_创新PC应用、打通云端体验，360小程序引发SaaS软件变革...
进入2019年,我国云计算产业发展正在从"单点突破"迈入"整体效能提升"的新阶段,这是中国信通院<云计算发展白皮书(2019)>的重要判断. 云计算 ...
h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页禁止鼠标右键禁止全选复制粘贴有很多种JS方 ...
html页面禁止右键、禁止复制、禁止图片拖动、禁止复制和剪切禁止IOS长按复制粘贴实现
html实现页面禁止右键禁止复制禁止图片拖动禁止复制和剪切众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键禁止复制. 禁止右键oncontex ...

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

html浏览器pc端禁止缩放,如何禁止pc端浏览器缩放相关推荐

最新文章

热门文章