引导图像不响应

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% 
}