css - 手机中的容器尺寸错误

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

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