CSS是前端開發中最重要的技術之一，它可以用來改變網頁的樣式和布局。在網頁中經常需要使用圖片來呈現內容，而有時候需要將圖片進行縮放來適應不同的設備和屏幕尺寸。下面我們來了解一下如何使用CSS來放大縮小圖片。

img {
width: 100%; /* 將圖片寬度設置為父容器的百分之百 */
height: auto; /* 高度自適應 */
}

通過設置圖片的寬度為父容器的百分之百，就可以讓圖片適應不同的屏幕尺寸自動縮放。同時，為了保持圖片的原始比例不被拉伸，還需要將高度設置為自適應。

img:hover {
transform: scale(1.5); /* 鼠標懸停時將圖片放大1.5倍 */
}

除了自適應縮放外，CSS還可以實現鼠標懸停時放大圖片的效果，讓用戶更好地查看圖片細節。通過設置transform屬性的scale值，可以實現放大或縮小的效果。比如上述代碼中，鼠標懸停時將圖片放大1.5倍。

當然，除了鼠標懸停時放大，還可以使用JavaScript等技術實現更復雜的放大縮小效果。總之，CSS提供了多種方式來控制圖片的大小和比例，使得網頁在不同設備上展現出更好的效果。