禁止浏览器对页面进行缩放

pc端

只能禁用浏览器快捷键的放大缩小行为，电脑本身的放大缩小属于系统权限

ctrl + +/-
ctrl + 滚轮
cammond + +/-

代码如下：

// 禁止通过  ctrl + +/- 和  ctrl + 滚轮 对页面进行缩放document.addEventListener('keydown', function (event) {if ((event.ctrlKey === true || event.metaKey === true) &&(event.which === 61 || event.which === 107 ||event.which === 173 || event.which === 109 ||event.which === 187 || event.which === 189)) {event.preventDefault()}}, false)// Chrome IE 360window.addEventListener('mousewheel', function (event) {if (event.ctrlKey === true || event.metaKey) {event.preventDefault()}}, {passive: false})// firefoxwindow.addEventListener('DOMMouseScroll', function (event) {if (event.ctrlKey === true || event.metaKey) {event.preventDefault()}}, {passive: false})

移动端

只需要在标签中加上即可。代码如下：

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

禁止浏览器对页面进行缩放相关推荐

使用Filter过滤器禁止浏览器缓存页面
1.概述 IE缓存虽然能提高已储存网站的访问速度,但是过度的IE缓存会影响浏览器的响应速度.同时还可能为网站的运行带来一些不必要的麻烦.例如:可能会因为浏览器缓存的应用,而导致Web服务器不能准确的计 ...
vue 禁止显示本网页由、、_【VUE/JS】vue和js禁止浏览器页面后退
1.vue 禁止浏览器后退需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换整理一下解决方法和使用方法: 1.在路由配置中给这个路由添加meta信息,比如: { path: '/ ...
php如何禁用浏览器的缓存,php如何禁止浏览器使用缓存页面
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...
[html] 如何禁止手机端页面缩放？
[html] 如何禁止手机端页面缩放? <meta name="viewport" content="user-scalable=no"> 个人简介 ...
java 情况浏览器缓存_JavaWeb禁止浏览器缓存当前Web页面的方法
所谓浏览器缓存,是指当第一次访问网页时,浏览器会将这些网页缓存到本地,当下一次再访问这些被缓存的网页时,浏览器就会直接从本地读取这些网页的内容,而无需再从网络上获取. 虽然浏览器提供的缓存功能可以有效 ...
防止html网页被f12抓取,JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码...
前言很多站长为了仿止别人仿制或扒下自己的网页,都会选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,下面话不多说了,来一起看看详细的介绍吧. 注:该代码不兼容火狐浏 ...
禁止浏览器返回登入页面
目前很多项目都没有特意做这个处理,就是浏览器返回到登入页面,然后点击下一页箭头,可以进入,但是如果有这个需求只需要在禁止的那个页面,输入如下代码即可 <script>$(document) ...
Html5禁止浏览器后退,多页面网站禁用浏览器后退键
如标题友,记基开前不接些前家我告对猿果水使钮控所说,本文提供的方法适用于多页面网站,如SPA单页面应朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏有到随用等不适用. 利用w不的期是 ...
html页面禁止返回代码,多页面网站禁用浏览器后退键
如标题所说,本文提供的方法适用于多页面网站,如SPA单页面应用等不适用. 利用window.onpopstate和window.history.pushState 控制浏览器后退键失效,下面说一下如何 ...

禁止浏览器对页面进行缩放

pc端

移动端

禁止浏览器对页面进行缩放相关推荐

最新文章

热门文章