CSS 中對于圖片的尺寸進行控制的方法有很多，如設置寬度和高度屬性、設置最大寬度和最大高度屬性等等。下面，我們將逐一介紹這些方法的具體使用方式。

img {
width: 200px;
height: 200px;
}

通過設置圖片的寬度和高度屬性，可以強制圖片在顯示時保持指定的寬度和高度，不會因為原始圖片的大小而失真或拉伸。

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

通過設置圖片的最大寬度和最大高度屬性，可以讓圖片在顯示時，自適應容器的大小，不會超出容器范圍。當圖片本身比容器小的時候，仍然保持原始大小。

img {
object-fit: cover;
}

object-fit 屬性是在 CSS3 中引入的，可以設置圖片的裁剪方式。在這個例子中，我們將圖片裁剪為等比縮放到容器的大小，并覆蓋容器。

.box {
background: url('images/bg.jpg') no-repeat center center;
background-size: cover;
}

在某些情況下，我們希望將圖片設置為背景，并讓其自適應容器大小。在這個例子中，我們將圖片設置為背景，并使用 background-size 屬性將其等比縮放到容器大小，并自動裁剪。這樣，無論容器的大小是多少，背景圖片都會自動適應大小。

body {
background: url('images/bg.jpg') no-repeat center center fixed;
background-size: cover;
}

這個例子和上一個例子類似，不同之處在于，我們將背景圖片設置為整個頁面的背景。通過將背景的 fixed 屬性設置為固定，可以讓背景圖片隨著頁面滾動固定在屏幕上方。