在網頁設計中，背景圖片的設置是非常常見的一個操作。但是有時候我們希望這個背景圖片不要被縮放，而是保持原始大小。這時候，我們可以使用CSS中的background-size屬性來實現。 首先，我們需要知道background-size的用法。該屬性用于設置背景圖片的大小，可以設置為具體的像素值，也可以設置為“cover”、“contain”等關鍵字。如果我們希望背景圖片不被縮放，而是保持原始大小，我們可以將該屬性設置為“auto”。 例如，我們有一個div元素，寬度為500px，高度為300px，需要設置一張背景圖片作為該元素的背景，并且要求該圖片保持原始大小。我們可以使用下面的CSS代碼：

div{
width: 500px;
height: 300px;
background-image: url("background.jpg");
background-size: auto;
}

其中，“background.jpg”是指定的背景圖片的路徑。在上面的代碼中，我們將background-size屬性設置為“auto”，這樣就可以保證背景圖片不被縮放，而是以原始大小顯示在div元素的背景中。 除了使用“auto”關鍵字外，還可以使用具體的像素值來設置background-size。如果我們希望背景圖片的寬度與div元素的寬度保持一致，高度與原始大小保持一致，可以使用下面的代碼：

div{
width: 500px;
height: 300px;
background-image: url("background.jpg");
background-size: 500px auto;
}

在上面的代碼中，我們將background-size屬性設置為“500px auto”，這樣背景圖片的寬度將與div元素的寬度保持一致，而高度將以原始大小顯示。 通過上面的CSS代碼，我們可以輕松實現背景圖片不被縮放的效果。這種方法既簡單又實用，可以用于各種網頁設計中。