Question

我需要有人在我的页面上查看来源，请告诉我为什么移动版本保持开放性，只需要手动缩小。我需要它以正确的尺寸打开并保持这个尺寸。请通过以下链接查看来源：

注意：我觉得我几乎尝试了所有元视口版本都没有运气。我觉得问题可能更深，但我无法识别它。请帮我解决这个问题，以便继续我的生活。

Answer 1

看起来您的#Container样式没有在400px媒体断点上使用百分比。字体大小也是1.5em

Answer 2

无论视口是什么，您的#Container包装div的设置宽度都是1000像素。另外，我没有看到任何媒体查询被使用？

尝试添加媒体查询，以便在视口缩小时减小宽度：

@media (max-width: 991px) {
    #Container {
        width: 720px;
    }
}

为较小的视口添加另一个视图，或许#Container跨越视口的整个宽度，该视口的大于＆lt; = 767px：

@media (max-width: 767px) {
    #Container {
        width: 100%;
    }
}