在創作網頁設計的過程中，圖片的使用是必不可少的，但是圖片的尺寸和比例卻難以滿足所有設備的需要，如何讓圖片自動適應網頁排布成為了一個值得關注的問題。

img{
max-width: 100%; /*圖片最大寬度占比*/
height: auto; /*高度自動適應*/
}

使用CSS樣式表的max-width屬性，可以讓圖片自動調整大小，但是圖片的高度需要設置為自動適應，用“height： auto”可以讓圖片按照原有比例進行調整。這樣的方法可以讓圖片自動適應不同屏幕大小，使網頁的排布更加合理美觀。

此外，在考慮圖片自適應的時候，要注意網頁的加載速度。圖片文件較大，加載的時間長會影響用戶的使用體驗，因此，可以使用一些圖片壓縮工具對圖片進行壓縮，減小圖片文件的大小，從而提高網頁的加載速度。

在實際設計中，應該根據不同的設備和瀏覽器大小，對圖片的尺寸進行適度的調整，以保證其清晰度和美觀度。合理運用CSS樣式表中的圖片自適應技術，可以讓網頁內容在不同的屏幕下呈現出更好的用戶體驗，提高網站的使用價值。