PNG-Bilder verweigern die Größenänderung?

Question

Komplett auf diesem ... Ich habe verschiedene Anordnungen von Max-Breite und Max-Höhe, sowie Auto-Werte ausprobiert.

Keine Ahnung, was mich aufhält. Hier ist der Code bewirkt:

<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

Ihre Klasse wird in Ihrem CSS als icon-image deklariert, aber in Ihrem HTML als icon-img referenziert.

Answer 2

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

Hat der Klassenname .icon-img und Sie versuchen, den Klassennamen .icon-Bild

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

zu bearbeiten

Wechseln zu:

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