CSS是現代網頁設計的重要一環，其功能強大，極大地提高了前端開發的效率。其中，自動調整圖片大小是CSS中常用的功能之一。

在網頁設計中，自然想要圖片以最佳尺寸展示，但是，不同設備上的屏幕尺寸和分辨率不同，要實現這個目標需要在CSS中添加一些代碼來實現自適應圖片大小。

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

通過上述代碼，我們可在CSS中指定圖片最大寬度為100%。如果圖片原始尺寸小于這個值，圖片不會被拉伸，而是以原尺寸展示，而如果原始尺寸超過100%，圖片會按比例自動縮小至100%顯示，這樣能確保圖片永遠完全適應窗口尺寸。

接著，我們還可以把“height”屬性的值設置為auto，會自動保留圖片的比例，即在寬度變化的同時，高度也會相應變化，以確保顯示圖片的比例保持不變。

在這一過程中，CSS通過縮放圖片來縮小寬度，避免失真。同時，自適應圖片大小還有助于提高頁面加載速度，因為圖片的體積較龐大，自適應圖片大小能使其按比例縮小，減少網頁大小，優化網頁加載速度。

綜上所述，自適應圖片大小是現代網頁設計不可或缺的一部分。通過添加“max-width: 100%; height: auto;”的代碼來實現自適應圖片大小可以避免圖片失真和加載緩慢的問題，同時也提高了用戶體驗。