CSS是網站設計中非常重要的一部分，可以讓我們的頁面變得更加美觀和有吸引力。其中，圖片的大小在網站設計中也是很重要的一個方面，通過CSS我們可以輕松地對圖片進行縮小或放大的調整。 要在CSS中實現圖片放大，我們可以使用以下代碼：

img:hover {
transform: scale(1.3);
}

上述代碼中的“transform”屬性允許我們對HTML元素進行變換，其中“scale”讓我們可以縮放元素。默認情況下，scale的值為1，如果我們將其值增加到1.3，就可以實現圖片的放大。 在這段代碼中，我們通過:hover選擇器來指定鼠標懸停在圖片上時應用這個變換。當用戶將鼠標放在圖片上時，它將自動放大1.3倍，直到鼠標移開時恢復原狀。 此外，我們還可以通過設置CSS屬性的max-width和max-height值使圖片的尺寸適應不同的屏幕大小。例如，我們可以在CSS中設置以下代碼：

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

這意味著圖片不會超出其容器的大小，而且當網頁被縮放或在不同設備上查看時，圖片的大小也會自動適應。 在設計網站時，了解如何使用CSS控制圖片尺寸是非常重要的。通過使用上述代碼，您可以創建一個響應式的網站，使您的圖片在任何設備上都能以最佳方式呈現。