自適應佈局和響應式佈局的區別? 1.響應式的概念覆蓋了自適應,但響應式包含的東西更多,響應式的佈局可以根據屏幕的大小自動調整頁面的展示方式 2.自適應有一個致命缺點:如果屏幕尺寸太小,即使網頁能夠根據屏幕大小進行適配,也會感覺在小屏幕上查看,內容過於擁擠 3.響應式解決了自適應佈局的問題,響應式能自 ...
自適應佈局和響應式佈局的區別?
1.響應式的概念覆蓋了自適應,但響應式包含的東西更多,響應式的佈局可以根據屏幕的大小自動調整頁面的展示方式
2.自適應有一個致命缺點:如果屏幕尺寸太小,即使網頁能夠根據屏幕大小進行適配,也會感覺在小屏幕上查看,內容過於擁擠
3.響應式解決了自適應佈局的問題,響應式能自動識別屏幕寬度,並做出響應調整,佈局和展示的內容可能會有所變動
自適應:
1.定義:又稱為寬度百分比或者流式佈局
2.優點:能在不同的設備上呈現相同的頁面
3.缺點:在不同的設備上呈現相同的頁面,對頁面進行壓縮
響應式:
1.定義:根據不同的設備顯示出不同的頁面
2.優點:不同解析度下設備靈活性好,它比自適應好,自適應的話只是寬度自適應;多終端視覺和用戶操作體驗好;響應式web設計中的大部分技術都可以用在webapp開發中,可以用在移動端設備,也可以用在pc端
3.缺點:相容各種設備工作量大,效率低下,代碼累贅,會出現隱藏無用的元素,載入時間加長