Html 图像超出了站点边界

我正在学习如何建立一个网站，我已经完成了我的第一页，但由于某些原因，我总是在网站的侧面看到一个空白，有一个滚动条可以滚动到它。当我尝试在较小的屏幕上查看网站时，我注意到我的图像超出了边界，所以这可能就是问题所在。它显示如下：

由于该代码是我包含图像的唯一地方，代码是：

<div class="col-md-6 text-center">
    <img  src="Images/home.png" class="img-flui">
</div>

这就是页面在完整模式下的外观： 不知道是什么问题。

---

我试图更改图像的大小，我还试图检查是否有其他图像的大小大于它应该的大小，但我什么也看不到，完整的代码是200行，不确定我是否应该共享它

如果你不想弄乱css，只需将图像宽度设置为“80%”，而不是固定值。这将使具有的图像直接取决于其容器宽度。您可能还对对象适合css属性感兴趣

---

此处的更多信息：

不确定这是否对将来的任何人都有帮助，但我在

中有一个输入错误“

，我键入了contianer，我更正了它，侧边空白消失了。

请分享更多详细信息，如涉及的代码和您解决问题的尝试

class=“img flui“

似乎是一个打字错误，您是否尝试过在该图像上使用

class=“img fluid”

？@brombeer是的，我尝试过，但它只会使图像从侧面消失，并使其正常，但我仍然看到白色gap@NicoHaase这是该图片/横幅中涉及的唯一代码，我应该共享整个网站的代码吗？因为这是我看到问题的唯一部分