CSS可以很方便地實現(xiàn)圖片鋪滿整個屏幕。但是如果不注意，圖片會出現(xiàn)拉伸或變形的情況。下面介紹幾種方法，讓圖片在鋪滿屏幕的同時不變形。

/* 方法一：利用背景圖 */  
html {   
background: url('images/bg.jpg') no-repeat center center fixed;   
-webkit-background-size: cover;   
-moz-background-size: cover;   
-o-background-size: cover;   
background-size: cover;   
}

這種方法利用背景圖將圖片鋪滿，不會出現(xiàn)變形的情況。但是它只適用于背景圖，并不能讓圖片本身鋪滿整個屏幕。

/* 方法二：將圖片設置為背景 */  
.container {   
height: 100%;   
background: url('images/bg.jpg') no-repeat center center fixed;   
-webkit-background-size: cover;   
-moz-background-size: cover;   
-o-background-size: cover;   
background-size: cover;   
}

這種方法將圖片設置為容器的背景圖，可以讓圖片鋪滿整個容器，容器鋪滿整個屏幕，達到了鋪滿屏幕的效果。但是如果圖片的寬高比與容器不一致時，仍然會出現(xiàn)變形的情況。

/* 方法三：用img標簽實現(xiàn) */  
img {   
position: absolute;   
top: 50%;   
left: 50%;   
min-width: 100%;   
min-height: 100%;   
width: auto;   
height: auto;   
transform: translate(-50%, -50%);   
}

這種方法利用絕對定位，將圖片移動到屏幕中央，并將寬高設置為最小值。雖然可以保證圖片不拉伸變形，但是如果圖片尺寸小于屏幕尺寸，圖片就會出現(xiàn)重復的情況。

綜上所述，以上三種方法都可以實現(xiàn)圖片鋪滿屏幕的效果。具體選擇哪種方法，可以根據具體情況來決定。如果是背景圖，可以用方法一或方法二；如果是圖片，可以用方法三。當然，不同的方法也可以結合使用，達到更好的效果。