CSS是一種用于設計Web頁面外觀和布局的樣式表語言，可以通過CSS來改變圖片的大小，但是有時候改變圖片大小可能會導致失真。下面介紹幾種方法來解決這個問題。

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

首先，我們可以使用CSS3中的max-width屬性，將圖片的寬度設置為最大值，而高度自適應。這樣可以確保圖片在縮放過程中不會失真。

img{
width:100%;
height:100%;
object-fit:cover;
}

第二種方法是使用object-fit屬性，它指定了如何調整元素的內容以適應容器的高度和寬度。在這個例子中，我們使用cover值來保持圖片的寬高比，并填充整個容器，使圖片不失真。

img{
width:100%;
height:auto;
transform:scale(1.5);
}

第三種方法是使用transform屬性來縮放圖片。在這個例子中，我們使用scale函數將圖片的大小增加了50%。雖然這種方法可能會導致圖像失真，但由于它是在客戶端完成的，可以通過JavaScript或CSS的懸浮來觸發，所以具有一定的靈活性。

總之，這些方法可以幫助我們通過CSS來調整網頁中的圖片大小，同時避免圖像失真的問題。您可以根據具體的需求來選擇適合您的方法。