標題：CSS 讓圖片拉伸

隨著網站的不斷發展，人們越來越需要網站能夠適應各種大小的設備屏幕，包括移動設備和桌面電腦。為了解決這個問題，可以使用 CSS 來控制圖片的大小，使其適應各種屏幕大小。

CSS 可以通過以下幾種方式讓圖片拉伸：

1. 通過 `width` 和 `height` 屬性

使用 `width` 和 `height` 屬性可以設置圖片的寬度和高度，但是寬度和高度的比例不能超過設備屏幕的比例。例如，如果設備屏幕的寬度為 1280 像素，則圖片的寬度不能超過 640 像素。如果圖片的寬度為 640 像素，則它會在設備屏幕上拉伸到 1280 像素。

使用 `max-width` 屬性可以限制圖片的最大寬度，防止它在設備屏幕上過度拉伸。例如，如果使用 `max-width: 640px`，則圖片的最大寬度為 640 像素，不會在設備屏幕上拉伸。

2. 通過 `display` 屬性

使用 `display` 屬性可以設置圖片為塊元素或行元素。塊元素會在整個頁面中占據一塊內存，而行元素會在整個頁面中分成若干行。使用 `display: inline-block` 可以設置圖片為塊元素，這樣它就可以適應整個頁面的大小。使用 `display: inline-block` 還可以讓圖片的上下文本行可以正常顯示，但圖片的寬度和高度會根據文本行的寬度和高度進行自適應。

3. 通過 `position` 屬性

使用 `position` 屬性可以設置圖片的相對位置，使它可以適應頁面的大小。使用 `position: absolute` 可以設置圖片為絕對定位，使它不會在頁面中居中或對齊。使用 `position: relative` 可以設置圖片相對定位，使它可以適應頁面的大小。

4. 通過 `transform` 屬性

使用 `transform` 屬性可以設置圖片的旋轉和縮放，使它可以適應頁面的大小。例如，使用 `transform: rotateY(45deg)` 可以設置圖片的旋轉角度為 45 度，使它可以適應頁面的寬度。使用 `transform: scale(1.2)` 可以設置圖片的縮放比例為 1.2，使它可以適應頁面的高度。

通過 CSS 控制圖片的大小，可以使圖片適應各種屏幕大小，使網站更加美觀和易用。