自適應(yīng)布局和響應(yīng)式布局的區(qū)別？

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供德城網(wǎng)站建設(shè)、德城做網(wǎng)站、德城網(wǎng)站設(shè)計(jì)、德城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、德城企業(yè)網(wǎng)站模板建站服務(wù)，十余年德城做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1.響應(yīng)式的概念覆蓋了自適應(yīng)，但響應(yīng)式包含的東西更多，響應(yīng)式的布局可以根據(jù)屏幕的大小自動(dòng)調(diào)整頁面的展示方式

2.自適應(yīng)有一個(gè)致命缺點(diǎn)：如果屏幕尺寸太小，即使網(wǎng)頁能夠根據(jù)屏幕大小進(jìn)行適配，也會感覺在小屏幕上查看，內(nèi)容過于擁擠

3.響應(yīng)式解決了自適應(yīng)布局的問題，響應(yīng)式能自動(dòng)識別屏幕寬度，并做出響應(yīng)調(diào)整，布局和展示的內(nèi)容可能會有所變動(dòng)

自適應(yīng)：

1.定義：又稱為寬度百分比或者流式布局

2.優(yōu)點(diǎn)：能在不同的設(shè)備上呈現(xiàn)相同的頁面

3.缺點(diǎn)：在不同的設(shè)備上呈現(xiàn)相同的頁面，對頁面進(jìn)行壓縮

響應(yīng)式：

1.定義：根據(jù)不同的設(shè)備顯示出不同的頁面

2.優(yōu)點(diǎn)：不同分辨率下設(shè)備靈活性好，它比自適應(yīng)好，自適應(yīng)的話只是寬度自適應(yīng)；多終端視覺和用戶操作體驗(yàn)好；響應(yīng)式web設(shè)計(jì)中的大部分技術(shù)都可以用在webapp開發(fā)中，可以用在移動(dòng)端設(shè)備，也可以用在pc端

3.缺點(diǎn)：兼容各種設(shè)備工作量大，效率低下，代碼累贅，會出現(xiàn)隱藏?zé)o用的元素，加載時(shí)間加長