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

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

二響應式的概念應該是覆蓋了自適應，但是包括的東西更多了響應式布局可以根據屏幕的大小自動的調整頁面的展現方式，以及布局響應式布局的一些技術點紀錄1允許網頁的寬度自動的調整 2盡量少使用絕對的寬度，多點百分比 3相對大小的字體字體不要使用px寫死。

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

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

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