React JS 如何禁用缩放

Question

我正在构建一个 Web 应用程序，我想禁用 2 根手指的缩放功能。这个我试过了

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

但是没有用。 该应用将 运行 用于平板电脑。

谢谢！

Answer 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 了解更多信息。