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