React JS如何禁用缩放

Posted 2023-02-23

【中文标题】React JS如何禁用缩放

【英文标题】：React JS How to disable zoom

【发布时间】：2020-11-11 20:44:45

【问题描述】：

我正在构建一个网络应用程序，我想用两根手指禁用缩放。这个我试过了

meta name="viewport" content="width=device-width, initial-scale=1, 最大比例=1，用户可缩放=0"

但不工作。 该应用将在平板电脑上运行。

谢谢！

【参考方案1】：

使用 React-Helmet，您可以将元数据放入组件的渲染函数中，如下所示：

render() 
    return <div>
        <Helmet>
              <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
        </Helmet>
        [...]
    </div>

查看Helmet documentation 了解更多信息。