记录下公众号中禁止网页缩放的解决

这段时间第一次接触微信公众号开发

其实我是一个后端开发,因为公司前段后不分,所以慢慢的我变成了我们部分的‘前端开发工程师’,哎,不知道是好还是坏。

废话不多说,这段时间我发现做的一个基于vue的微信公众号,使用了很多ui框架,有nutui,是一个京东开发的新的UI框架,也有mintui框架,这二个都是很不错的开发公众号等其他移动端的框架。我遇到的问题就是使用一个文本域组件, 在苹果手机聚焦的时候会将拼命放大一点,但是发现方法之后没有自动的缩回,这就导致了在继续浏览其他页面的时候会出现滚动条。。。。用户体验极差。
然后就询问了nutui框架的开发团队们,非常的简单,只要控制整体项目不允许缩放即可。哎 ,可怜了我这个小白了。
所以我在vue项目的index.html中加入

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

简简单单的一行即可消除这种问题。

特此记录,往后不顾。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值