CSS可以幫助我們縮小圖片并保持比例。在這篇文章中，我們將介紹如何使用CSS來縮小圖片。

/* 縮小圖片到50% */
img {
width: 50%;
}
/* 縮小圖片到固定寬度200像素 */
img {
width: 200px;
}
/* 縮小圖片到固定高度100像素 */
img {
height: 100px;
}

上面的代碼是使用CSS縮小圖片的簡單方法。我們可以將圖片的寬度設置為50%，200像素或將其高度設置為100像素。無論我們使用哪種方法，圖片都會按比例縮小，因為CSS會根據原始圖片的AspectRatio（寬高比）來調整大小。

如果我們想要縮小圖片并保持比例，但又不想讓它太小而看不清，我們可以設置一個最小高度或最小寬度。

/* 縮小圖片到50%并設置最小高度為200像素 */
img {
width: 50%;
min-height: 200px;
}
/* 縮小圖片到固定寬度300像素并設置最小高度為150像素 */
img {
width: 300px;
min-height: 150px;
}

通過添加min-height屬性，我們可以確保即使圖片被縮小，也不會變得太小而無法查看。

總之，CSS可以幫助我們輕松地縮小圖片并保持其比例。我們只需設置寬度、高度、最小高度或最小寬度即可。這是實現可縮放圖片的好方法。