html - PNG图像拒绝调整大小？

Question

完全卡在这个问题上...我已经尝试过各种 max-width 和 max-height 参数，以及 auto 值。

不知道是什么阻碍了我。这是受影响的代码:

<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。