手机版网页默认放大

Mobile version of web zoomed in by default

如果您通过移动设备访问我的网站(或至少 iphone,我无法检查任何其他设备)www.oxynergy.com 您会注意到每次打开任何页面时,它只是稍微放大一点,你可以捏住屏幕然后缩小,但它不应该是那样的。我检查了视口元,据我所知,它工作正常,有人可以帮助我吗?

这是现在的视口元数据:

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

谢谢

您的布局宽度设置为设备宽度,但您页面上的某些元素比该宽度更宽,因此浏览器允许您缩小。

在您的情况下,您的 <footer> 中有 <div class="row visible-xs">。负边距导致框扩展到比包含块的 100% 更宽。同样, class=container 中的 class=vc_row s 也有同样的问题。删除 .vc_row.row 上的 margin-left|right 样式可以解决问题。

我不太了解布局,无法知道您要完成什么或正确的方法是什么,但您需要在不导致这些框变得比容器的 100% 宽的情况下执行此操作。否则,您将拥有比屏幕宽度更宽的内容,并且允许缩小。如果你只是设置一个最小比例,它仍然可以滚动到它(虽然我想你可以设置 overflow-x: hidden,但这只是掩盖了问题)。