CSS是一種強大的前端開發語言，其中圖片作為頁面布局中不可缺少的一部分，經常出現在設計中。當我們需要在網頁中展示圖片時，想要讓它鋪滿整個容器，卻不想將其拉伸或變形，這就需要使用CSS的一些技巧。

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

上面的代碼演示了一個常見的技巧，使用padding-bottom屬性為容器創建一個占位符，然后使用絕對定位的圖片元素，在容器中鋪滿整個空間，同時將圖片上下或左右剪裁以適應容器的比例。使用object-fit: cover屬性可以確保圖片不被拉伸或縮放，同時將其放置在容器中心。

還有另外一個技巧是使用background-image屬性，將圖片作為容器的背景，并使用background-size: cover屬性，將其自適應到容器的大小。例如：

.image-container {
width: 100%;
height: 300px;
background-image: url('image.png');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

上面的代碼將一個名為image.png的圖片添加為一個300像素高的容器的背景，并使用CSS的background-size屬性自適應其大小和比例。這樣就可以將圖片鋪滿整個容器，而不必擔心它被拉伸或變形。

總的來說，在CSS中，我們可以使用多種方法來讓圖片鋪滿整個容器，同時確保它不被拉伸或變形。以上列舉的方法僅為其中的兩種，我們可以根據具體情況選擇相應的技巧。