如何设置Vue H5移动端页面禁止用户缩放？

本文共计157个文字，预计阅读时间需要1分钟。

在index.中添加以下meta标签，以优化移动端显示：

在APP.vue中添加以下脚本，以阻止页面缩放：

javascriptwindow.onload=function() { document.addEventListener('touchstart', function() {});}

安卓

在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移动端禁止缩放代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。