完全卡在这个问题上...我已经尝试过各种 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;
}
最佳答案
您的类在 CSS 中声明为 icon-image
,但在 HTML 中引用为 icon-img
。
关于html - PNG图像拒绝调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38731937/