在網(wǎng)頁(yè)設(shè)計(jì)中，很常見(jiàn)的一個(gè)需求就是讓一些圖片或背景圖能夠滿(mǎn)屏顯示。這樣可以提升網(wǎng)頁(yè)的視覺(jué)效果，更好地吸引用戶(hù)的注意力。

使用CSS實(shí)現(xiàn)1層圖片滿(mǎn)屏還是比較簡(jiǎn)單的，只需要定義一些基本屬性即可。

img{
width:100%;
height:auto;
}

以上代碼就是一個(gè)簡(jiǎn)單的圖片滿(mǎn)屏實(shí)現(xiàn)。

首先，我們把圖片的寬度設(shè)置為100%，這樣就可以讓圖片充滿(mǎn)整個(gè)屏幕了。接著，為了保持圖片的寬高比例不變，我們把高度設(shè)置為auto，這樣圖片就會(huì)按照原本的寬高比例自適應(yīng)高度。

如果你需要讓背景圖滿(mǎn)屏，也很容易實(shí)現(xiàn)。

body{
background-image:url('xxx.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

首先，我們給body設(shè)置背景圖。接著，使用background-size屬性控制圖片的尺寸，cover表示圖片完全覆蓋整個(gè)區(qū)域。然后使用background-position屬性設(shè)置圖片的位置為居中。最后，使用background-repeat屬性防止重復(fù)出現(xiàn)。

總之，通過(guò)以上這些簡(jiǎn)單的設(shè)置，就可以很輕松地實(shí)現(xiàn)1層圖片/背景圖的滿(mǎn)屏。