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-image{ 
max-width:25%; 
height: auto; 
} 

クラス名.icon-画像を編集しようとしています

変更：

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