引導圖像不響應

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