自適應布局是一種網頁設計方法，旨在為不同的螢幕解析度和設備提供最佳的瀏覽體驗，它通過創建多個靜態布局來實現這一點，每個靜態布局對應一個特定的螢幕解析度範圍，當螢幕解析度發生變化時，頁面中元素的位置會相應變化，但元素的大小保持不變。
自適應布局的優點包括為用戶提供一致瀏覽體驗，特別是在使用不同尺寸和解析度的設備上，它能夠保持頁面的最佳顯示效果。然而，這種布局方法也存在一些缺點，主要是因為它需要為不同的設備和螢幕解析度開發不同的頁面，這可能會增加開發成本和複雜性，特別是當頁面需求發生變化時，可能需要修改多套代碼。
自適應布局的實現方式多樣，包括使用媒體查詢（media queries）來針對不同的設備尺寸設定不同的樣式，以及使用百分比布局和rem單位來實現元素的自適應調整。例如，媒體查詢可以用於根據螢幕寬度調整頁面的背景顏色或元素寬度，而百分比布局和rem單位則允許元素尺寸根據螢幕大小自動調整，保持一致的用戶體驗。