在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)候我們需要使用CSS背景圖來(lái)增加網(wǎng)頁(yè)的美觀度，并且可以有效的幫助我們實(shí)現(xiàn)一些特殊的效果。但是，由于不同瀏覽器對(duì)CSS的解析方式不同，會(huì)導(dǎo)致CSS背景被拉伸的問(wèn)題。

當(dāng)我們?cè)O(shè)置的CSS背景圖與容器的尺寸不匹配時(shí)，瀏覽器會(huì)自動(dòng)拉伸圖片以適應(yīng)容器大小，導(dǎo)致圖片變形。這時(shí)候，我們就需要用到一些技巧來(lái)解決這個(gè)問(wèn)題。

/* 設(shè)置背景圖片不重復(fù)并居中顯示 */
background: url('background.jpg') no-repeat center center;
/* 設(shè)置背景圖片不拉伸并平鋪顯示 */
background: url('background.jpg') repeat;
/* 設(shè)置背景圖片尺寸為容器大小 */
background-size: 100% 100%;

通過(guò)以上三種方法，我們可以避免CSS背景被拉伸的問(wèn)題，讓網(wǎng)頁(yè)更加美觀。