Html 移动设备上的引导容器存在问题

我正在处理我网站的响应部分，但是我的移动设备有一个bug。当我在桌面浏览器上测试responsive时，一切都很好，但当我在iphone上测试时，情况就是这样

截图#1 截图#3

我不知道为什么，但是容器在右边加了一些边距。已经搜遍了所有地方，但什么都没找到。已更改视口并向主体添加最小宽度。当我在主分区上有100%的宽度时，就会发生这种情况

---

如果有人能帮我解决这个问题，我会非常感激，因为我已经努力解决了好几天了。

我终于解决了这个问题。在尝试了很多不同的东西之后，我为所有的小设备写了这个css

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

我不知道这是否是最好的方法，但解决了我的问题。我有这个错误很长时间了，我很高兴它现在起作用了

非常感谢所有试图帮助我的人。

---

干杯

你的css中有

html，body{width:100%；}

吗？如果没有，请添加它。这可能是问题的一部分。另外，确保你的脑袋里有一个

viewport

元标记。看起来你可能有一个固定宽度的东西，这会迫使页面的宽度变大。搜索你的CSS，看看你能找到什么。不久前，我自己的网站上也出现了类似的问题，这是由于一些固定宽度的问题，我没有意识到。我用来追踪@AndrewMatthew提到的东西的一种技术是放置

html，body（宽度：100%，溢出：隐藏}

，这将“切掉”任何你设置得太宽的东西，你都可以看到你需要在哪里查找宽度问题。我正在尝试在css上搜索。问题是如果我将桌面浏览器的宽度设置得更小，一切都很好。问题是当我在iphone上打开时，似乎出现了错误。嗨，阿米尔。网站的链接是这个。非常感谢！这s还解决了我在移动设备上出现的额外空间问题。