图像在 div 中不正确 [关闭]

【问题标题】：Image is not fitting correctly in div [closed]图像在 div 中不正确 [关闭]
【发布时间】：2021-07-12 13:55:07
【问题描述】：

图像没有完全响应 Bootstrap 中的img-responsive 类。

下面是使用的css 代码。

img {
    max-width: 100%;
}

【问题讨论】：

【解决方案1】：

在你的custom.css--你只有max-width: 100%;，把这个添加到你的横幅width: 100%;

img {
    max-width: 100%;
    width: 100%; <-- added
}

【讨论】：

【解决方案2】：

添加以下css

.banner_image_Div img {    
    width: 100%;
}

【讨论】：

【解决方案3】：

在你的 IMG 上应用这个 css

.banner_image_Div img {
    display: block;
    width: 100%;
}

【讨论】：

【解决方案4】：

尝试将其添加到您的 css 中：

.banner_image_Div img { width: 100%; }

【讨论】：

【解决方案5】：

您可以尝试在图像应答器的 css 属性中进行设置：

width: 100%;

没有你的 css，很难找到原因。

【讨论】：

【解决方案6】：

尝试编辑您的图像。增加一些尺寸，然后在放置在banner_image_Div中时给它100％的宽度。你的问题将得到解决。这次你的图片的最大尺寸不超过你的 div 尺寸。

【讨论】：