CSS是前端開發中必不可少的一部分，其中背景樣式也是常用的元素。然而，在某些情況下，背景圖片會隨著窗口大小的變化而拉伸，影響頁面的美觀度和用戶的體驗。接下來，我們就來了解如何實現CSS背景不拉伸的方法。

background-repeat: no-repeat;
background-size: cover;

在CSS中，通過設置background-repeat: no-repeat;可以讓背景圖片不重復，避免在某些情況下出現重復的情況。

接著background-size: cover;可以讓背景圖片在保持比例的同時完全覆蓋其所在的容器元素。例如：

.container {
width: 100%;
height: 300px;
background-image: url("images/bg.jpg");
background-repeat:no-repeat;
background-size:cover;
}

在以上代碼中，我們設置了一個寬度為100%、高度為300px的容器元素，背景圖片為bg.jpg。通過設置背景的不重復以及尺寸完全覆蓋容器來實現了CSS背景不拉伸的效果。

總之，通過以上方法，我們可以讓背景圖片在不影響比例的前提下完全覆蓋容器，并且避免拉伸的情況發生，從而提升頁面的美觀程度和用戶的體驗。