当前位置 博文首页 > mataodehtml的博客:记录下公众号中禁止网页缩放的解决

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

    作者:[db:作者] 时间:2021-08-10 22:14

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

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

    废话不多说,这段时间我发现做的一个基于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" />
    

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

    特此记录,往后不顾。

    cs