React JS 如何禁用缩放。

Question

我正在构建一个Web应用程序，希望禁止使用两个手指缩放。我已经尝试了以下代码：

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

但是不起作用。该应用程序将在平板电脑上运行。

谢谢！

- Solyza

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文档获取更多信息。

- morpet

---

错别字：元标记缺少闭合括号。 - DavidDuwaer

这个是在使用create react app之后要放在index.html中的吗？ - KingJoeffrey

我不确定你所说的“after create react app”具体指什么。你可以直接将_<Helmet>_标签放置在组件类的render()函数中，这样就是在创建React应用程序之后，在构建之前了。 - morpet