在網(wǎng)頁(yè)制作中，背景圖片是非常重要的元素之一。為了讓網(wǎng)頁(yè)頁(yè)面更美觀，我們經(jīng)常會(huì)加入背景圖片。可是當(dāng)網(wǎng)頁(yè)寬度變化時(shí)，背景圖片也會(huì)隨之變化，導(dǎo)致背景圖片失去原有的效果。因此，我們需要使用背景定寬高的css來(lái)解決這個(gè)問(wèn)題。

body{
background-image: url("bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.container{
width: 1200px;
height: 800px;
margin: 0 auto;
background-color: #fff;
opacity: 0.9;
}

通過(guò)這段代碼，我們可以看到背景圖片已經(jīng)被設(shè)置為全屏，而容器的寬高也已經(jīng)被固定為1200px和800px。這樣，在瀏覽器寬度變化時(shí)，背景圖片不會(huì)隨之變化，而仍然保持原有的效果。

需要注意的是，使用背景定寬高的css時(shí)，我們需要保證容器的寬度和高度是固定的。否則，圖片會(huì)隨之變化，導(dǎo)致背景圖片失去原有的效果。

總之，使用背景定寬高的css可以讓我們的網(wǎng)頁(yè)更美觀，讓背景圖片更加醒目，同時(shí)避免在瀏覽器寬度變化時(shí)導(dǎo)致背景圖片失去原有的效果。