html - React - 视口(viewport)被忽略

标签 html reactjs scale viewport

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

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

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

这已正确插入到 DOM 中。但是,视口(viewport)被忽略了——我的页面显示的是桌面版本。

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

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

Animated example of issue

最佳答案

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


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

关于html - React - 视口(viewport)被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50489064/

相关文章:

css - react 虚拟化 : Collection with cells that have the same fixed height but different widths

javascript - 使用 JWT Token、React Native 和 Redux 检索用户信息

Reactjs 分离 UI 和业务逻辑

r - 按引用组计算 z 分数

php - 变量值不能分配给另一个变量

javascript - 使用随机数生成器更改 CSS 中的属性值

android - SVG Assets 可绘制对象在 23 岁以下的 android API 中显得模糊(Marshmallow)

r - 从 ggplot2 对象中提取使用过的比例

javascript - 如何将 javascript 中的元素应用到 html 中的多个类名

javascript - 如何在悬停时显示另一个既不是兄弟也不是 child 的div