vue h5移动端 阻止左右滑动和缩放的方案
只需要两步就轻松解决!1、在App.vue 底部样式添加body固定样式position: fixed;top: 0;left: 0;width: 100%;height: 100%;2、在public页面的meta标签添加移动端去掉缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-
·
只需要两步就轻松解决!
1、在App.vue 底部样式添加body固定样式
body{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
2、在public文件下的index.html => heade标签里面的 =>meta标签中添加移动端去掉缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
缩放和左右滑动解决啦,开心的继续编码去吧!😊
再插一句:如果可以帮到你的话帮忙点个赞哈,让更多的兄弟看到这个方案。
更多推荐
已为社区贡献6条内容
所有评论(0)