CSS圖片設置不拉伸是Web設計中非常重要的技巧之一。如果您的網頁中的圖片被無限拉伸或壓縮，那么它們將會變形，給用戶帶來糟糕的體驗。以下是如何避免CSS圖片拉伸的方法：

/* 第一步：設置圖片大小 */
img {
width: auto;
max-width: 100%;
height: auto;
}
/* 第二步：在容器中設置圖片大小 */
.container {
width: 800px;
height: 600px;
}
.container img {
width: 100%;
height: 100%;
object-fit: cover;
}

使用上面的代碼，可以讓圖片保持其原來的寬高比例，不會被拉伸變形。首先要設置圖片的原有大小，這樣可以確保它們不會被拉伸或壓縮。然后在包含圖片的容器中，設置適當的大小，并將圖片的寬高設置為100%，使用object-fit:cover屬性來隨圖片適應容器大小。它會將圖片自動縮放并保持其原始的寬高比例，如此您就可以保持圖片的質量，同時保持了容器的布局。

總之，如果你希望您的網頁圖片呈現出清晰的畫質和最佳的用戶體驗，CSS圖片設置不拉伸是必學技巧之一。請按照上述步驟來設置您的圖片，不要再讓用戶受到那些拉伸變形的圖片的困擾了。