React JS如何禁用缩放

Question

我正在构建一个Web应用程序，我想用2根手指禁用缩放。我已经尝试过了

元名称=“视图端口” content =“ width = device-width，initial-scale = 1， maximum-scale = 1，user-scaleable = 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以获得更多信息。