VUE_vue移动端禁止页面放大缩小

最新推荐文章于 2024-03-29 11:38:52 发布

小歪 | 前端

最新推荐文章于 2024-03-29 11:38:52 发布

阅读量358

点赞数

分类专栏： # VUE

本文链接：https://blog.csdn.net/weixin_44599931/article/details/115962697

版权

VUE 专栏收录该内容

114 篇文章 3 订阅

订阅专栏

本文介绍了如何针对iOS和Android设备优化网页。对于iOS，通过在app.vue的script标签内添加代码来限制多点触摸和手势操作。而在安卓设备上，通过在index.html中设置meta标签，确保页面宽度适配设备宽度，并禁用用户缩放，以提供更好的浏览体验。

摘要由CSDN通过智能技术生成

安卓：

在 index.html 中添加 meta 标签。

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=0">

IOS：

在 src / app.vue 中 script 标签内添加代码。

<script>
window.onload = function() {
  document.addEventListener('touchstart', function(event) {
    if (event.touches.length > 1) {
      event.preventDefault()
    }
  })
  document.addEventListener('gesturestart', function(event) {
    event.preventDefault()
  })
}
</script>