當我們在網頁中顯示圖片時，有時候希望圖片可以填滿整個屏幕，讓用戶感受到更加強烈的視覺沖擊力。在CSS中，可以通過設置圖片的寬度和高度，讓圖片充滿整個屏幕。 對于一張圖片，我們可以設置其CSS樣式如下：

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

上述代碼中，我們使用了兩個CSS屬性：width和height。這兩個屬性分別用于設置圖片的寬度和高度。由于我們希望圖片填滿整個屏幕，因此將兩個屬性的值均設置為100%。這里需要注意，如果圖片的寬高比與屏幕的寬高比不一致，那么圖片可能會被拉伸或壓縮，導致失真。因此，在使用這種方法時，需要注意要選擇合適的圖片。 如果想要讓一組圖片都填滿整個屏幕，可以將多個圖片放在同一個容器中，并設置容器的寬高，以及內部圖片的寬高：

.container {
position: relative;
width: 100%;
height: 100%;
}
.container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

上述代碼中，我們首先定義了一個容器類.container，將其設置為相對定位（position: relative），并將寬高設為100%，以便讓容器充滿整個屏幕。接著，我們設置了內部img標簽的樣式。我們將它們設置為絕對定位（position: absolute），并將top和left屬性都設置為0，以確保它們緊貼容器左上角。然后，我們設置了其寬度和高度均為100%。此外，我們還使用了object-fit屬性，將圖片按比例縮放以填滿容器。這種方法不僅可以讓圖片填滿整個屏幕，還能保持圖片的原始比例，避免失真。 總之，通過以上CSS樣式的設置，我們可以讓圖片填滿整個屏幕，達到更加震撼的視覺效果。