移动设备上Bootstrap容器的问题

Question

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

截图#1 截图#3

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

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

Answer 1

最后我解决了这个问题.经过很多次尝试不同的事情,我只是为所有的小设备写了这个css.

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

我不知道这是否是最好的方法,但解决了我的问题.我有这个bug很长一段时间了,我很高兴它现在正在工作.

非常感谢帮助我的每个人.干杯