響應(yīng)式與自適應(yīng)的原理是相似的，都是檢測(cè)設(shè)備，根據(jù)不同的設(shè)備采用不同的css，而且css都是采用的百分比的，而不是固定的寬度不同點(diǎn)是響應(yīng)式的模板 在不同的設(shè)備上看上去是不一樣的，會(huì)隨著設(shè)備的改變而改變展示樣式而自適應(yīng)不會(huì)，所有的設(shè)備看起來都是一套的模板，不過是長(zhǎng)度或者圖片變小了，不。

1自適應(yīng) 自適應(yīng)布局是網(wǎng)頁(yè)內(nèi)容根據(jù)設(shè)備的不同而進(jìn)行適應(yīng)通過檢測(cè)視口分辨率，來判斷當(dāng)前訪問的設(shè)備是PC端平板還是手機(jī)，從而請(qǐng)求服務(wù)層，返回不同的頁(yè)面需要根據(jù)不同使用場(chǎng)景開發(fā)多套界面2響應(yīng)式 響應(yīng)式布局是網(wǎng)頁(yè)的布局針對(duì)屏幕大小的尺寸而進(jìn)行響應(yīng)通過檢測(cè)視口分辨率，針對(duì)不同客戶端在客戶。

二響應(yīng)式的概念應(yīng)該是覆蓋了自適應(yīng)，但是包括的東西更多了響應(yīng)式布局可以根據(jù)屏幕的大小自動(dòng)的調(diào)整頁(yè)面的展現(xiàn)方式，以及布局響應(yīng)式布局的一些技術(shù)點(diǎn)紀(jì)錄1允許網(wǎng)頁(yè)的寬度自動(dòng)的調(diào)整 2盡量少使用絕對(duì)的寬度，多點(diǎn)百分比 3相對(duì)大小的字體字體不要使用px寫死。

這些設(shè)備出現(xiàn)增加了屏幕尺寸的跨度但是上面討論的幾種網(wǎng)頁(yè)布局就是不支持屏幕尺寸跨度過大的情況 相比之下，自適應(yīng)布局和響應(yīng)式布局更能解決屏幕跨度過大的問題 適應(yīng)性布局 自適應(yīng)布局為不同尺寸的屏幕準(zhǔn)備多種方案，根據(jù)不同的屏幕尺寸確定一套顯示方案具體到每個(gè)方案，可以使用上述基本的網(wǎng)頁(yè)布局進(jìn)行適配可以。

總結(jié)自適應(yīng)布局側(cè)重于定制，而響應(yīng)式布局追求靈活性理解這兩者的區(qū)別，結(jié)合實(shí)際設(shè)計(jì)需求，將幫助你創(chuàng)造出適應(yīng)性強(qiáng)用戶體驗(yàn)優(yōu)良的網(wǎng)站。

后來想著經(jīng)常聽到流式布局，自適應(yīng)布局，響應(yīng)式布局，他們有什么區(qū)別呢，就去搜了許多內(nèi)容查看，才發(fā)現(xiàn)每種布局都有優(yōu)缺點(diǎn)和不同使用場(chǎng)景靜態(tài)布局 給頁(yè)面元素設(shè)置固定的寬度和高度，單位用px，當(dāng)窗口縮小，會(huì)出現(xiàn)滾動(dòng)條，拉動(dòng)滾動(dòng)條顯示被遮擋內(nèi)容針對(duì)不同分辨率的手機(jī)端，分別寫不同的樣式文件自。