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