默认情况下放大的移动版本

Question

如果您通过移动设备（或至少iphone，我无法检查任何其他设备）访问我的网站www.oxynergy.com，您会注意到，每次打开任何页面时，只是有点放大，你可以捏屏幕和缩小，但它不应该是这样的。我检查了视口元，据我的理解，它工作正常，任何人都可以帮助我呢？

这是现在的视口元：

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

感谢

Answer 1

您的布局宽度设置为设备宽度，但有你的网页上是比让浏览器可以让您更广泛的要素缩小。

在你的情况，我们在您的<footer><div class="row visible-xs">。导致框扩展到比包含块的100％更宽的负边距。同样，class=container中的class=vc_row也有同样的问题。删除.vc_row和.row上的margin-left|right样式可修复此问题。

不知布局不够好，知道你在想什么来完成或者什么正确的方法是，但你需要做的，而不会导致这些盒子变成容器的宽度大于100％。否则，您将拥有比屏幕宽度更宽的内容，并允许缩小。如果你只设置了最小比例尺，它仍然可以滚动到它（尽管我想你可以设置overflow-x：hidden，但这只是掩盖了这个问题）。