首先html为:
<div class="box1"><img src="images/more-1.jpg"></div>
1,由于引用的图片可能过大,所以要设置img标签的宽度,其高度等比例增加,css代码为:
.box1{
3.8px;
height: 3.8px;
border:1px solid red;
}
.box1 img{
2.9px;
border: 1px solid green;
}
浏览器中形成
如果不设置img的宽度,只设置div的宽度,造成的后果是图片显示不全: