CSS設定不同圖片大小 在網頁設計中，圖片不僅可以裝飾頁面，還可以傳遞信息和引導用戶的視線。不同的圖片大小可以給網頁帶來更豐富的視覺效果。使用CSS可以輕松地設定不同圖片的大小。 使用width和height屬性 可以使用CSS的width和height屬性設定圖片的大小。下面的代碼設定圖片的寬度為200像素，高度自適應：

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

使用max-width和max-height屬性 有時候，圖片的寬度和高度不一定有上限，如果使用width和height屬性來設定大小，可能會拉伸或縮小圖片。這時候可以使用max-width和max-height屬性，設定圖片的最大寬度和最大高度。下面的代碼設定圖片的最大寬度為200像素，最大高度為150像素：

img {
max-width: 200px;
max-height: 150px;
}

使用object-fit屬性 有些情況下，為了達到特殊的布局要求，可能需要把圖片塞進一個固定大小的容器里，但是圖片的尺寸不符合容器的大小。使用CSS的object-fit屬性可以解決這個問題。下面的代碼設定圖片的尺寸為容器的大小，同時縮放圖片來適應容器：

.container {
width: 200px;
height: 150px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}

總結 使用CSS可以輕松地設定不同圖片的大小。可以使用width和height屬性、max-width和max-height屬性以及object-fit屬性來調整圖片的大小。在實際應用中，要根據具體情況選擇合適的方法，以達到最佳的視覺效果。