当前位置: 首页 > 编程笔记 >

vue h5移动端禁止缩放代码

慕容铭
2023-03-14
本文向大家介绍vue h5移动端禁止缩放代码,包括了vue h5移动端禁止缩放代码的使用技巧和注意事项,需要的朋友参考一下

安卓

在index.html里面写

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

ios

在APP.vue里面写

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

以上这篇vue h5移动端禁止缩放代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍移动端如何禁止用户手动缩放页面?相关面试题,主要包含被问及移动端如何禁止用户手动缩放页面?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍如何禁止手机端页面缩放?相关面试题,主要包含被问及如何禁止手机端页面缩放?时的应答技巧和注意事项,需要的朋友参考一下 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }

  • 本文向大家介绍如何禁止web端的页面缩放?相关面试题,主要包含被问及如何禁止web端的页面缩放?时的应答技巧和注意事项,需要的朋友参考一下

  • 我现在还没有为转换中心或任何东西定义,因为它不起作用。非常感谢你的帮助。我刚刚开始学习HTML,就像昨天一样,所以我确信这是一件简单的事情,我只是受过足够的教育来发现这个问题。

  • 本文向大家介绍如何禁止移动端的左右划动手势?相关面试题,主要包含被问及如何禁止移动端的左右划动手势?时的应答技巧和注意事项,需要的朋友参考一下 参考文章

  • 我一直在做曼德尔布洛特集,并试图缩放,但缩放模式变得非常麻烦。当我缩放它完美地缩放,但图像大小减少到原来的一半。下次我再次缩放时,图片大小会增加,并试图跳过查看窗口。代码是c /opengl.在这里发布之前,我试图让我的代码变得干净一点。 执行时