手机端设置缩放的解决方法和遇到的UC浏览器的坑

XAIhan

于 2019-06-20 13:04:47 发布

阅读量4.2k

点赞数

分类专栏：踩坑文章标签：手机端缩放 uc浏览器解决方法

本文链接：https://blog.csdn.net/weixin_44220680/article/details/93017106

版权

14 篇文章

订阅专栏

对于手机端来说，有时候h5界面是要禁止放大和缩小的。
那么如何解决这个问题呢，话不多说，我们直接说解决方法：
在index的首页之中，有把meta标签改成如下形式，就可以将用户缩放功能关闭了。

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

可能出现问题：
1.更换之后没有禁止成功，依然还可以缩放。
解决方法：1.user-scalable=0替换成user-scalable=no试一试，

PS：如果手机端使用的是uc浏览器，那么出现这种问题不是你的错——uc自带缩放功能（经过多次测试，确实如此）。