移动设备上Bootstrap容器的问题

Question

我正在处理我网站的响应部分，但我遇到了移动设备的错误。当我在桌面浏览器上测试响应时，一切都很好，但是当我在我的iphone上测试时，会发生这种情况。

屏幕截图＃1 截图＃3

我不知道为什么但是容器在右边应用了某种边距。已经到处搜索，没有任何东西可以修复它。已经更改了视口并为主体添加了最小宽度。当我在主div上有100％的宽度时会发生这种情况。

如果有人可以帮助我，我会非常感激，因为我试图解决这个问题好几天。

Answer 1

最后我解决了这个问题。经过很多次尝试不同的事情后，我就为所有的小设备编写了这个css。

@media (max-width: 768px) {
html, body {
width: auto !important;
overflow-x: hidden !important;
}
}

我不知道这是否是最佳方式，但解决了我的问题。我有这个错误很长一段时间，我很高兴它现在正在工作。

非常感谢每一位试图帮助我的人。 干杯