CSS3 在網頁設計上提供了更多的選擇和控制，其中一個很有用的功能是圖片在不同設備上的適應性。在過去，我們經常會使用JavaScript 或 jQuery 來處理圖片的尺寸和位置問題，但 CSS3 的出現為這些問題提供了更多的解決方案。

在CSS3 中，我們可以使用一個非常實用的屬性“max-width”，從而使圖片根據其容器自動縮放。通過設置最大寬度，圖片最終的寬度將根據所在元素的大小而變化。這對于響應式設計來說是非常重要的，由于它可以幫助我們讓圖片更加自然和流暢地適應屏幕。

img {
max-width: 100%;
}

除了“max-width”屬性之外，CSS3 也提供了“max-height”屬性。通過這個屬性，圖片將在達到指定高度之前保持比例，以便網頁設計師可以更靈活地設計各種樣式。另外，“object-fit” 屬性可以幫助我們在容器中進行更平滑的調整。該屬性允許我們更有效地控制圖像尺寸，并將它們嵌入到容器中。

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

總的來說，圖片適應性在網站設計中是以極高的價值的。利用我們在 CSS3 中的這些功能，我們可以減少使用 JavaScript 或其他腳本的次數，以便更好地提高網站的性能和速度。