很多人經(jīng)常會(huì)對(duì)響應(yīng)式布局和自適應(yīng)式布局產(chǎn)生混淆,現(xiàn)在為大家介紹這兩者到底表示的是什么以及它們之間的區(qū)別。
什么是響應(yīng)式布局
響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的不同展示方式,通過響應(yīng)式設(shè)計(jì)能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗(yàn),換句話說(shuō)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端,而不是為了每一個(gè)終端做一個(gè)特定的版本。
什么是自適應(yīng)式布局:
自適應(yīng)布局是網(wǎng)頁(yè)內(nèi)容根據(jù)設(shè)備的不同而進(jìn)行適應(yīng)的展示方法,它需要開發(fā)多套界面來(lái)適應(yīng)不同的終端。推廣網(wǎng)站搭建公司為了使我們的比較更容易理解,讓我們看一下它們的主要組成部分。
通過響應(yīng)式設(shè)計(jì),布局由站點(diǎn)訪問者的瀏覽器窗口決定,相比之下,自適應(yīng)布局是在后端確定的,而不是由客戶端或?yàn)g覽器確定的,該設(shè)計(jì)生成每個(gè)設(shè)備類所擁有的模板,服務(wù)器檢測(cè)到諸如設(shè)備類型和操作系統(tǒng)之類的因素,以發(fā)送正確的布局。
區(qū)別:
1、自適應(yīng)布局通過檢測(cè)視口分辨率,來(lái)判斷當(dāng)前訪問的設(shè)備是:pc端、平板、手機(jī),從而請(qǐng)求服務(wù)層,返回不同的頁(yè)面;響應(yīng)式布局通過檢測(cè)視口分辨率,針對(duì)不同客戶端在客戶端做代碼處理,來(lái)展現(xiàn)不同的布局和內(nèi)容。
2、自適應(yīng)布局需要開發(fā)多套界面,而響應(yīng)式布局只需要開發(fā)一套界面就可以了。
3、自適應(yīng)對(duì)頁(yè)面做的屏幕適配是在一定范圍:比如pc端一般要大于1024像素,手機(jī)端要小于768像素,而響應(yīng)式布局是一套頁(yè)面全部適應(yīng)。
4、自適應(yīng)布局如果屏幕太小會(huì)發(fā)生內(nèi)容過于擁擠,而響應(yīng)式布局正是為了解決這個(gè)問題而衍生出的概念,它可以自動(dòng)識(shí)別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。