如果您通过移动设备（或者至少是 iphone，我无法检查任何其他设备）访问我的网站 www.oxynergy.com，您会注意到每次打开任何页面时，它都会被放大一点，你可以捏屏幕并缩小它，但它不应该是这样的。我检查了视口元数据，据我了解，它工作正常，谁能帮我解决这个问题？
这是现在的视口元数据：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
谢谢
【问题讨论】：
标签： mobile viewport meta responsive
您的布局宽度设置为设备宽度，但您页面上的某些元素比此宽，因此浏览器允许您缩小。
在您的情况下，您的<footer> 中有<div class="row visible-xs">。正是负边距导致盒子扩大到比包含块的 100% 更宽。同样，class=container 中的 class=vc_row 也有同样的问题。删除 .vc_row 和 .row 上的 margin-left|right 样式可解决此问题。
我不太了解布局，无法知道您想要完成什么或正确的方法是什么，但您需要这样做，而不会导致这些框变得超过容器的 100%。否则，您将拥有比屏幕宽度更宽的内容，并且允许缩小。如果你只是设置了一个最小比例，它仍然可以滚动到它（虽然我想你可以设置溢出-x：隐藏，但这只是掩盖了问题）。
【讨论】：