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