響應(yīng)式布局 responsive design
自適應(yīng)布局 adaptive design
都是為了適應(yīng)不同屏幕大小、不同分辨率而產(chǎn)生的纯出,自適應(yīng)布局不論在什么屏幕上顯示的內(nèi)容是一樣的,大小可能變化但是布局一樣侣集。響應(yīng)式布局則會隨著屏幕而改變內(nèi)容的布局允跑。
響應(yīng)式設(shè)計采用流體加斷點(diǎn)王凑,在斷點(diǎn)之間頁面依然會隨著窗口大小自動縮放搪柑,通過fluid grid?索烹?工碾?,直到遇到斷點(diǎn)改變界面樣式百姓。自適應(yīng)設(shè)計只有在幾種固定分辨率的時候回采取優(yōu)化渊额,斷點(diǎn)之間的自動過度較少(所以這段時間用滾動條嗎?垒拢?旬迹?)
響應(yīng)式設(shè)計往往設(shè)計初期就開始(采用mobile first策略?)所以舊網(wǎng)站要做成響應(yīng)式設(shè)計可能要重建求类。自適應(yīng)設(shè)計則對于更小分辨率做針對性的優(yōu)化適應(yīng)奔垦。
響應(yīng)式設(shè)計 網(wǎng)頁與屏幕一對多,相對更靈活仑嗅,每次載入的內(nèi)容比較多宴倍、耗時更長张症。自適應(yīng)則是1對1仓技,減少網(wǎng)頁載入的等待時間,提高響應(yīng)速度俗他、