CSS 是前端頁面設計的重要工具，在網頁中顯示圖片時，默認情況下會拉伸圖片鋪滿所在的位置。但是，在某些情況下，我們可能需要圖片鋪滿容器，而又不希望產生拉伸變形的情況。

我們可以使用 CSS 樣式實現這個需求。以下是一些方法：

/*  1.背景圖平鋪，不拉伸*/
background-image: url("your_image.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
/*  2.使用絕對定位*/
.container{
position:relative;
overflow:hidden;
}
.container img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
min-height:100%;
min-width:100%;
}

方法一中，我們通過設置平鋪、不拉伸、居中，同時將容器鋪滿的方式來實現圖片鋪滿但不拉伸的效果。

方法二中，我們使用絕對定位和 transform 屬性來實現圖片居中，并設置最小高度和寬度來保證圖片填滿容器。

使用這些技巧能夠使您的網頁在視覺上更美觀，更專業。希望這些技巧能夠對您的網頁設計工作有所幫助。