整个 HTML 文档在移动设备上的宽度被调整为不到一半

Whole HTML document get resized to less than half the width on mobile

当我在浏览器中调整我的网页大小或在我的 phone 上访问它时,标签就像页面宽度的一半或更少,window 越小,差距越大。请参阅下面的屏幕截图:




一些附加信息:我使用 symfony,我的代码中有这个:
<meta name="viewport" content="width=device-width, initial-scale=1">

网络的其余部分没问题,只有我的一个布局中的页面受到影响,但我的 headers 与其他布局基本相同,这意味着相同的样式和元标记...

所以我发现这部分是因为我把它放在那里的 facebook 之类的按钮。我不知道为什么,它没有超过 div 中的任何一个。删除后,我发现了另一个问题。我的一个 col-xs-12s 中有 URL 地址,它作为一个块,迫使它超过它的 div 并在侧面留下一个空隙。

无论如何,我只是决定从一个元素到另一个元素删除代码并最终找到问题所在,这才是最重要的。通过删除不再需要的类似 facebook 的按钮并使用 twig truncate 函数缩短 URL 地址来解决。

感谢所有试图提供帮助的人。非常感谢!