網(wǎng)頁設(shè)計(jì):響應(yīng)式布局和自適應(yīng)布局有什么不同?
1.什么是響應(yīng)式布局?
響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的不同展示方式。通過響應(yīng)式設(shè)計(jì)能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗(yàn)。換句話說就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端,而不是為了每一個(gè)終端做一個(gè)特定的版本。
2.什么是自適應(yīng)式布局?
自適應(yīng)布局就是指能使網(wǎng)頁自適應(yīng)的顯示在不同大小終端設(shè)備上的新網(wǎng)頁設(shè)計(jì)方式及技術(shù),它需要開發(fā)多套界面來適應(yīng)不同的終端。
響應(yīng)式布局等于流動(dòng)網(wǎng)格布局,而自適應(yīng)布局等于使用固定分割點(diǎn)來進(jìn)行布局。
自適應(yīng)布局給了你更多設(shè)計(jì)的空間,因?yàn)槟阒挥每紤]幾種不同的狀態(tài)。
而在響應(yīng)式布局中你卻得考慮上百種不同的狀態(tài)。
當(dāng)固定寬度與流動(dòng)寬度結(jié)合起來時(shí),自適應(yīng)布局就是一種響應(yīng)式設(shè)計(jì),而不僅僅是它的一種替代方法。
雖然絕大部分狀態(tài)差異較小,但仍然也算做差異。它使得把握設(shè)計(jì)最終效果變得更難,同樣讓響應(yīng)式布局更加的難以測試和預(yù)測。
但同時(shí)說難,這也算是響應(yīng)式布局美的所在。在考慮到表層級(jí)別不確定因素的過程中,你也會(huì)因此更好的掌握一些基礎(chǔ)知識(shí)。
當(dāng)然,要做到精確到像素級(jí)別的去預(yù)測設(shè)943*684像素視區(qū)里的樣子是很難的,但是你至少可以很輕松的確定它是能夠正常工作的,因?yàn)轫撁娴幕咎匦院筒季纸Y(jié)構(gòu)都是根據(jù)語義結(jié)構(gòu)來部署的。