我是靠谱客的博主 淡定微笑,最近开发中收集的这篇文章主要介绍解决页面随意缩放 vue,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

使用vue时,需页面不可缩放,则只需要给public中的index.html文件添加这一行代码

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

但如果在ios的高版本中,在浏览器打开还是会随意缩放,所以这时还需要在index.html中添加如下代码,然后页面就不会随意缩放啦

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

最后

以上就是淡定微笑为你收集整理的解决页面随意缩放 vue的全部内容,希望文章能够帮你解决解决页面随意缩放 vue所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部