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