div下的img標簽中圖片的大小設定

首先html為：

<div class="box1"><img src="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的寬度，造成的后果是圖片顯示不全：