React - 视口被忽略

Question

在我的索引文件中，我有以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我正在使用 React 加载页面，但主索引文件是 HTML 文件。(.哈巴狗)

这已正确插入到 DOM 中。但是，视口被忽略 - 我的页面显示桌面版本。

如果我在 Chrome 开发工具中编辑 DOM，例如。将 1 更改为 1.0 或元标记的任何其他部分，都会导致页面重新正确计算视口，然后立即正确显示。有任何想法吗？

您可能需要单击图像才能查看 GIF 动画。

Answer 1

meta(name='viewport', content='width=device-width, initial-scale=1.0')尝试在您的index.pug 文件中使用。

根据您的代码，尝试使用meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')