CSS可以幫我們實現一個很重要的功能，即保證圖片不變形。在頁面設計中，圖片是一個非常重要的元素。有時候為了適應頁面布局，我們需要對圖片進行縮放或者拉伸，但是這樣很容易造成圖片的變形，影響頁面的美觀度和用戶體驗。所以，我們需要使用CSS來保證圖片不變形。

下面是一個例子：

<img src="example.jpg">

我們可以使用CSS來設置這張圖片的寬高，并且保證圖片不變形：

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

這里通過設置圖片的寬度為100%來讓圖片充滿父元素的寬度，然后設置圖片的高度為auto來等比例縮放來保證圖片不變形。如果你不想讓圖片太大，可以設置max-width來限制圖片的寬度，例如：

img {
max-width: 300px;
height: auto;
}

這樣圖片的寬度最大為300像素，如果圖片原本的寬度小于300像素，則不會有任何影響。如果圖片原本的寬度大于300像素，則會等比例縮小。

總之，我們可以通過CSS來保證圖片不變形，使得頁面更加美觀，用戶體驗更好。