在網頁設計過程中，我們時常會遇到一個問題：當我們改變頁面大小時，圖片是否應該自動適應調整大小而不失真？

下面是樣例代碼：

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

上述代碼中，我們使用了max-width和height屬性，給圖片一個最大寬度，并且保證高度自適應調整。這樣做的結果是，無論你的頁面大小如何變化，圖片都會自動調整大小，不會失真，同時還能幫助頁面更流暢地展示。

如果你希望你的圖片在頁面中始終保持原始比例，則可以使用以下代碼：

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

上述代碼中，我們使用了max-width和max-height屬性，為圖片設置了一個最大值，同時使用了width和height屬性來保證圖片比例不失真。這樣，無論你的頁面大小如何變化，圖片始終可以保持原始比例，更加美觀。

綜上所述，通過css設置圖片自適應調整大小是一個十分簡單而有效的做法，它可以幫助我們更好地展示頁面內容，也讓用戶體驗更加舒適。如果你仍然擔心圖片大小的問題，那么使用上述技巧將會為你帶來很好的解決辦法。