手机中的容器尺寸错误答案

【问题标题】：Wrong container size in mobile手机中的容器尺寸错误
【发布时间】：2020-04-25 21:41:57
【问题描述】：

我在使用元标记 width="device-width" 时遇到问题，因为页面加载在手机上放大了。

在与检查员核对后，我意识到网站容器在手机上的尺寸“错误”：即使在 CSS 中宽度设置为 100%（我也尝试过“width:auto;”）容器是显然只有大约 30% 宽。

这个问题的原因可能是什么？它可能只是代码中的缺失或某种语法错误吗？还是加载js模块时出现问题？

【问题讨论】：

你能用你的一些标记和 css 编辑帖子吗？它可能有助于诊断问题。但是，如果没有看到任何东西，我会猜测元标记垫是不完整的。这是我将使用的元标记：<meta name="viewport" content="width=device-width, initial-scale=1.0"> 祝你好运！
这能回答你的问题吗？ html meta viewport tag

【解决方案1】：

首先，确保你在头部添加了这一行

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

其次，请您分享容器类代码以找出主要问题是什么

【讨论】：

【解决方案2】：

您好，感谢您的快速回复。

我有一个相对 (rem) 单位的最小宽度，这导致了问题。我对 rem 单位的“相对”感到困惑，并没有意识到它们只是相对于固定数量（房间 em 大小）。

【讨论】：