在網頁設計中，css背景能夠起到很大的作用。一般來說，背景可以通過平鋪、拉伸、居中等方式展示。然而，有時候我們會遇到一些問題，比如背景拉伸后不平鋪，這種情況該如何解決呢？

body {
background-image: url(./img/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}

針對背景拉伸不平鋪的問題，我們可以通過設置“background-size”屬性來解決。其中，“background-size”是用來控制背景尺寸的屬性，這個屬性有幾種值：

• auto：背景圖像的原始大小。
• length：用px，em，等單位來設置背景圖像的大小。
• cover：背景圖像將被縮放到填滿容器，保持圖像的縱橫比，可能會造成部分背景圖像不可見。
• contain：背景圖像將被縮放，以適應容器的尺寸，保持圖像的縱橫比，可能會在容器中留有空白。
• percentage：用百分比來設置背景圖像的大小。

那么，在遇到背景圖片拉伸不平鋪的情況，我們可以將“background-size”屬性的值設置為“cover”，這樣就能夠讓背景圖片充滿整個容器，同時保持縱橫比，解決拉伸不平鋪問題。具體代碼如下：

body {
background-image: url(./img/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}

總的來說，設置“background-size”屬性可以幫助我們解決背景拉伸不平鋪的問題。需要注意的是，這個屬性的值要根據特定需求來設置，具體使用還需要根據實際情況進行調整。