图像在div中无法正确拟合

时间:2015-10-09 07:15:31

标签: html css twitter-bootstrap-3

我的图片不适合特定的div。它在大屏幕上响应迅速但不合适。 请查看以下链接

http://www.logixspace.com/safekids/reg/Editing/StudentEditNew.html

P.N:我尝试过类img-responsive。它不起作用。

6 个答案:

答案 0 :(得分:1)

添加以下css

.banner_image_Div img {    
    width: 100%;
}

答案 1 :(得分:1)

将此css应用于您的IMG

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

答案 2 :(得分:1)

尝试将此添加到您的css:

.banner_image_Div img { width: 100%; }

答案 3 :(得分:1)

custom.css中 - 您只有max-width: 100%;,请将此广告添加到您的横幅width: 100%;

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

答案 4 :(得分:1)

您可以尝试使用图像应答器的css属性进行设置:

width: 100%;

没有你的CSS,有点难以找到原因。

答案 5 :(得分:0)

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