在前端開發中，經常會遇到背景圖片被拉伸的問題，這不僅影響頁面美觀度，還可能導致圖片失真。 為了解決這個問題，我們可以使用CSS進行調整，具體方法如下： 首先，在CSS中設置背景圖片的大小，可以使用以下代碼：

background-size: cover;

這行代碼的作用是讓圖片充滿背景，但是可能會導致圖片失真。 如果想保持圖片的原始比例，可以使用以下代碼：

background-size: contain;
background-repeat: no-repeat;
background-position: center center;

這行代碼的作用是等比縮放圖片，讓它保持原始比例，并在背景中居中顯示。 如果你希望圖片只顯示一部分，可以使用以下代碼：

background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;

這行代碼的作用是讓圖片在水平方向上充滿父元素，垂直方向上按原始比例顯示，并且在背景中居中顯示。 總之，有了這些技巧，我們就可以輕松調整背景圖片，讓頁面更加美觀和精致。