html - 整个 HTML 文档的大小在移动设备上调整为小于宽度的一半

Question

当我在浏览器中调整网页大小或在手机上访问它时，标签就像页面宽度的一半或更少，窗口越小，间隙越大。请参阅下面的屏幕截图：

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

网络的其余部分都很好，只是我的一个布局中的页面受到影响，但我的标题与其他布局中的基本相同，这意味着相同的样式和元标记......

标签： htmlcssviewport

Answer 1

所以我发现这部分是因为我放在那里的 facebook like 按钮。不知道为什么，它没有超过任何 div。删除后，我发现另一个问题。我的一个 col-xs-12 中包含 URL 地址，它充当单个块，这迫使它超出其 div 并在侧面留出一个间隙。

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

感谢所有试图提供帮助的人。对此，我真的非常感激！