在制作網頁時，我們可能會遇到圖片大小拉伸的問題。這通常是因為我們在設置圖片大小時，沒有考慮圖片的實際大小，或者沒有設置合適的CSS樣式。

為了解決這個問題，我們可以使用CSS代碼，來控制圖片的大小而不會拉伸圖片。具體步驟如下：

img {
max-width: 100%;
height: auto;
}

這段代碼的意思是，讓圖片的最大寬度為100%，也就是填滿它所在的容器。同時，設置圖片的高度為自動，這樣就能保持圖片比例不變。

使用這個代碼，可以有效地解決圖片大小拉伸的問題。如果您需要調整圖片的大小，只需要設置容器的寬度和高度即可。

需要注意的是，該代碼只能適用于外部圖片，即所有的img標簽。如果您想要控制背景圖片的大小，可以使用background-size屬性。

.background {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}

這段代碼的意思是，設置一個背景圖片為background.jpg，使用cover屬性使其完全覆蓋容器，并居中顯示。

綜上所述，通過CSS代碼的設置，我們可以輕松地控制圖片的大小而不會拉伸圖片。這是制作網頁中常用的技巧之一，希望對大家有所幫助。