1.首先,我們對div設置固定寬度和高度。
2.然后在div里面插入一張圖片。
3.插入圖片后,在預覽中看到的效果,明顯圖片已經將父級的背景尺寸給蓋住了,圖片偏大了。
4.然后這個時候,將圖片的寬度設置為何父級一樣的寬度,代碼就是width:100%;這里的100%會自動跟隨父級的寬度選擇。
5.這時候回到瀏覽器中,可以看到圖片的寬度和父級div的寬度一致了,然后修改的就是高度的范圍了。
6.如果也將圖片的高度設置為父級的100%,那么圖形就會發生形變,所以在這里需要將父級的高度去掉,這樣子集的高度就自動化了。
7.很多時候,將圖片在框中顯示的時候,在底部會出現一個小邊框,這時候將圖片設置為display:block;轉為塊狀就可以了。