CSS是網頁中常用的樣式表語言，它可以通過對HTML元素進行樣式控制，使網頁呈現出不同的效果。而其中一項常見的控制是圖片大小，接下來我們就來詳細了解一下如何使用CSS控制不同大小的圖片。

/* 控制圖片大小 */
img {
width: 300px;
height: auto;
}

以上代碼可以將圖片的寬度設置為300像素，同時保持圖片的原始高寬比例不變。如果將寬度調整為400像素，高度也會隨著自動調整。

/* 設置最大寬度 */
img {
max-width: 100%;
height: auto;
}

以上代碼則會將圖片的最大寬度調整為其容器元素的100%，同時保持原始的高寬比例不變。如果圖片的寬度小于容器元素，則不會進行任何改變，如果圖片的寬度大于容器元素，則圖片的寬度將被縮小到容器元素的寬度，同時高度也會按照原始比例相應縮小。

/* 設置最小寬度和高度 */
img {
min-width: 100px;
min-height: 100px;
}

以上代碼可以將圖片的最小寬度設置為100像素，同時最小高度也設置為100像素。如果圖片的實際大小小于100x100像素，則圖片將按照其原始尺寸進行顯示，如果圖片的尺寸超過了最小值，則圖片會以最小值作為基準進行顯示。

總的來說，通過使用CSS可以輕松地控制圖片的大小，使網頁呈現出更好的效果。但是需要注意的是，圖片的大小調整應該遵循比例原則，同時也要保證圖片質量不會受到影響。希望本文能對大家有所幫助，謝謝！