在網頁設計中，我們經常會用到背景圖來美化頁面。但是，有的時候我們需要讓背景圖占據整個頁面，并且不發生變形。本文將介紹如何使用CSS實現全屏不變形的背景圖。

使用CSS實現背景圖全屏不變形，需要使用到background-size以及background-position屬性。

首先，我們需要設置HTML和BODY的高度100%，讓它們占據整個瀏覽器窗口：

html, body {
height: 100%;
}

然后，我們需要給BODY元素設置背景圖，并設置background-size為cover，這樣背景圖將占據整個BODY元素：

body {
background-image: url("bg.jpg");
background-size: cover;
}

但是，這樣做會導致背景圖變形。為了保持背景圖不變形，我們需要設置background-position為center center：

body {
background-image: url("bg.jpg");
background-size: cover;
background-position: center center;
}

這樣做的效果是，背景圖將在整個瀏覽器窗口中居中顯示，同時保持原圖片的比例，不會發生變形。

使用CSS實現全屏不變形的背景圖，可以讓頁面更美觀，同時提高用戶體驗。希望本文對你有所幫助！