在網(wǎng)頁(yè)設(shè)計(jì)中，背景圖片是非常重要的一部分。它可以為網(wǎng)站添加一個(gè)吸引人的視覺(jué)效果，同時(shí)也可以為網(wǎng)站的主題和氛圍增加更多的深度和維度。然而，有時(shí)候我們需要調(diào)整背景圖片的尺寸，以適應(yīng)不同的屏幕大小和設(shè)備。這時(shí)候就需要使用CSS的拉伸功能。

background-size: cover;

這是CSS中最常用的拉伸功能，其作用是讓背景圖片完全覆蓋其所在元素，并保持其縱橫比例不變。如果容器比圖片寬，則圖片將按比例拉伸至容器寬度，高度將隨之調(diào)整以保持縱橫比。如果容器比圖片高，則圖片將按比例拉伸至容器高度，寬度將隨之調(diào)整。因此，無(wú)論容器的大小和比例如何，圖片都將被完整地顯示，并且不會(huì)出現(xiàn)變形。

background-size: contain;

這是另一種常見(jiàn)的背景圖片拉伸方式，它使得圖片在整個(gè)容器內(nèi)居中，并始終保持其完整的寬高比例。如果容器比圖片寬，則圖片將縮小以適應(yīng)容器寬度。如果容器比圖片高，則圖片將縮小以適應(yīng)容器高度。因此，整個(gè)圖片都可以在容器中完整地顯示出來(lái)，而且不會(huì)像cover方式一樣遮擋部分圖片，同時(shí)也不會(huì)出現(xiàn)變形。

總之，拉伸背景圖片是一種很有用和靈活的工具，可以幫助我們解決各種網(wǎng)頁(yè)設(shè)計(jì)中的布局問(wèn)題和適應(yīng)性問(wèn)題。無(wú)論使用哪種方式，都需要注意保持圖片的比例和適應(yīng)性，以確保最終的效果是完美的。