首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >vue项目如何禁止屏幕缩放,vue项目进行浏览器进行缩放

vue项目如何禁止屏幕缩放,vue项目进行浏览器进行缩放

作者头像
fruge365
发布2025-12-15 10:55:39
发布2025-12-15 10:55:39
1890
举报

第一步

找到 html 文件 ,在head中添加一行属性代码

代码语言:javascript
复制
 <meta name="viewport" content="width=device-width,initial-scale=1.0 ,maximum-scale=1.0, user-scalable=0">

第二步

找到 App.vue 文件 ,在 script 模块中 添加下方代码

代码语言:javascript
复制
  // 禁止web端屏幕缩放
  created() {
    window.addEventListener("mousewheel",function (event) {
      if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{ passive: false })
  }

参考文章:vue项目如何禁止屏幕缩放

下班~

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-12-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 第一步
  • 第二步
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档