PNG圖像拒絕調整大小？

Question

完全卡在這一個......我已經嘗試了各種各樣的最大寬度和最大高度以及自動值的呈現。

不知道是什麼阻止我。下面是受影響的代碼：

<div class="copybar"> 
    <ul> 
     <li id="copy-credit"><h3>Copyright 2016: </h3><a id="credit-animate" href="https://google.com">Zach Curtis</a></li> 
     <li id="social-icon"><a href="https://facebook.com"><img class="icon-img" src="images/iconfb.png"></a></li> 
     <li id="social-icon"><a href="https://instagram.com"><img class="icon-img" src="images/iconinsta.png"></imgc></a></li> 
     <li id="social-icon"><a href="https://twitter.com"><img class="icon-img" src="images/icontwit.png"></a></li> 
    </ul> 
</div> 

CSS：

.copybar { 
background-color: darkslategray; 
display: inline-block; 


} 

.copybar ul { 
list-style: none; 
margin-left:10%; 
margin-right:10%; 
} 

#copy-credit { 
display: block; 
float: right; 

} 

#social-icon{ 
display: block; 
float: left; 
max-width: 25%; 
height:auto; 
} 

.icon-image{ 
max-width:25%; 
height: auto; 
} 

Answer 1

您的課堂在您的CSS中聲明爲icon-image，但在您的HTML中引用爲icon-img。

Answer 2

<li id="social-icon"><a href="https://twitter.com"><img class="icon-img" src="images/icontwit.png"></a></li> 

有類名.icon-IMG和您要編輯的類名.icon圖像

.icon-image{ 
max-width:25%; 
height: auto; 
} 

更改爲：

.icon-img{ 
max-width:25%; 
height: auto; 
}