Chrome开发人员工具的额外右边距

Question

我对此有点困惑。如果我按原样查看网站，它似乎适合屏幕。当我点击＆＃34;检查＆＃34;时，它就适合。当我切换＆＃34;设备模式＆＃34;时，它也适合。

但是，如果我尝试在设备模式下重新调整大小或查看不同的屏幕尺寸，则右侧的所有尺寸都有空白区域。它只对http://toqueholistico.com/执行此操作。

有关如何解决此问题的任何建议吗？

编辑：screeonshot

Answer 1

问题是.vc_row类。它在左侧和右侧施加负边距，这导致整体溢出。

尝试用：

覆盖它

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

Answer 2

这个问题帮助我解决了与Bootstrap非常相似的问题，同样在Chrome（版本66.0.3359.139）中。右边距在较小的视口上尤其成问题。我用以下方法解决了这个问题：

  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}