響應式布局 responsive design
自適應布局 adaptive design
都是為了適應不同屏幕大小、不同分辨率而產生的，自適應布局不論在什么屏幕上顯示的內容是一樣的，大小可能變化但是布局一樣。響應式布局則會隨著屏幕而改變內容的布局。
響應式設計采用流體加斷點，在斷點之間頁面依然會隨著窗口大小自動縮放，通過fluid grid？？？，直到遇到斷點改變界面樣式。自適應設計只有在幾種固定分辨率的時候回采取優化，斷點之間的自動過度較少（所以這段時間用滾動條嗎？？？）
響應式設計往往設計初期就開始（采用mobile first策略？）所以舊網站要做成響應式設計可能要重建。自適應設計則對于更小分辨率做針對性的優化適應。
響應式設計 網頁與屏幕一對多，相對更靈活，每次載入的內容比較多、耗時更長。自適應則是1對1，減少網頁載入的等待時間，提高響應速度、
