Bootstrap 图片没有响应

Question

我尝试了多种解决方案，但我的图像 (png) 无法响应...

我的 html :

<img src="images/hobby_cars.png" alt="" class="img-responsive hobbies" />

我的CSS：

.hobbies  {
    padding-top: 3%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
}

谢谢

Answer 1

我在我的 CSS 上设置了一个宽度，它起作用了！

.hobbies  {
    padding-top: 3%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
    width: 10%;
}

Answer 2

给 img 添加最大宽度

img.hobbies {
 max-width:100%
}