移动视图始终查看宽度为 980 像素。谁能帮我找出问题所在？

Posted 2023-03-13

【中文标题】移动视图始终查看宽度为 980 像素。谁能帮我找出问题所在？

【英文标题】：mobile view always view width as 980px. Can anyone help me detect what wrong?

【发布时间】：2022-01-13 07:27:20

【问题描述】：

我想为我的网站制作一个嵌入版本，网址为 https://staging.immo-suedtirol.com/jobs/?iview=embed

它在桌面视图上运行良好。但在移动视图上它似乎不起作用。我使用开发人员工具检查并查看：站点宽度始终为 980px This is what I see on developer tool。对于小屏幕视图，内容宽度始终固定为 980 像素。

这真的很奇怪。这是我第一次得到它。

【参考方案1】：

您必须在 html 标题中添加元标记以获取屏幕宽度

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

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag

【讨论】：

太棒了，这行得通。非常感谢。