div下的img标签中图片的大小设定

首先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的宽度，造成的后果是图片显示不全：