在我們的網頁設計中，常常會遇到圖片和DIV大小不匹配的情況，這時候我們就需要用CSS來實現圖片適應DIV的大小。下面就讓我們來學習一下具體的方法吧。

首先，我們來看一下CSS的background-size屬性。這個屬性可以用來設置背景圖片的大小。我們可以將這個屬性設置成“cover”，這樣就可以讓背景圖片覆蓋整個DIV，從而實現圖片適應DIV的大小。以下是代碼示例：

div {
background-image: url("yourimageName.jpg");
background-repeat: no-repeat;
background-size: cover;
}

另外，我們還可以使用CSS的“max-width”和“max-height”屬性來實現圖片適應DIV的大小。這個方法的原理就是，我們設置圖片的最大高度和寬度，當圖片超過這個最大值時，圖片就會自動縮小，以適應DIV的大小。以下是代碼示例：

div {
max-width: 100%;
max-height: 100%;
}

最后，我們還可以使用CSS的“object-fit”屬性來實現圖片適應DIV的大小。這個屬性可以用來設置圖片的尺寸和位置，從而讓圖片自動適應DIV的大小。以下是代碼示例：

div img {
object-fit: cover;
}

以上就是幾種常用的方法，可以讓我們實現圖片適應DIV的大小。希望這篇文章能對大家的網頁設計有所幫助。