react 禁止缩放页面

Posted 2023-05-16

参考技术A 只需要修改public/index.html的meta就可以。react的原理就是利用js来加载index.html中的各种dom来展示各种组件。

Vue禁止页面缩放

做了个Vue+Vant的mobile端web项目，整个设计原本是小程序的，现在临时改成web，发现不需要缩放，于是把缩放给禁用掉。

找到这个项目的index.html文件

添加一行

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

content里面几个参数意思是宽度设置为设备宽度，initial-scale属性控制初始缩放级别，maximum-scale为最大规模，user-scalable=0是不允许用户缩放页面。