---

自適應感覺 就是 100%做寬度的網站，但是響應式 是通過 css3 media query技術來實現的，兩者實現方式不一樣 。

---

概念自然是不同的，上海雍熙建站十二年給一下的建議，一些自適應和響應式的區別在上海雍熙公眾號中也是有告知的，想了解更多可以去看一下：

自適應是為瞭解決如何才能在不同大小的設備上呈現相同的網頁。手機的屏幕比較小，寬度通常在600像素以下，pc的像素一般在1000像素以上，部分配置高的筆記本在2000像素以上的也有，同樣的頁面要顯示在不同的設備上面，還要呈現出滿意的效果，不是一件容易的事情。因此就有人想出了一個辦法，能不能"一次設計，普遍適用"，讓同一張網頁自動適應不同大小的屏幕，根據屏幕的寬度，自動調節網頁的內容大小，但是無論怎麼樣子，他們的主體的內容和佈局是沒有變化的。

響應式的概念應該是覆蓋了自適應，但是包括的東西更多。響應式佈局是解決如何根據屏幕的大小自動調整頁面的展現方式，以及佈局。自適應還是暴露出一個問題，如果屏幕太小，即使網頁能夠根據屏幕大小進行適配，但是會感覺在小屏幕上查看，內容過於擁擠，響應式正是為瞭解決這個問題而衍生出來的概念。它可以自動識別屏幕寬度、並做出相應調整的網頁設計，佈局和展示的內容可能會有所變動。

---

不是。

1、什麼是自適應網站？

2011年，網頁設計師Aaron Gustafson在他的書《自適應網頁設計》裏率先提出了自適應網頁設計的概念。

自適應網站即使用不同設備瀏覽時呈現不同的網頁，網頁內容及版式風格或相似或完全不同，和PC端屬於不同的網站模板，資料庫內容或相同一致，或獨立不同，目的在於為了符合訪客的瀏覽，即通過寬度來調整網頁內容的大小，來達到不同大小的設備所看到的網站內容及佈局都是一樣的。

形象的說就像是同一張照片，其大小按照不同比例縮放來展示。針對一些優化人員，更習慣於做到資料庫同步，使PC端的網址和內容與移動端的網址和內容一一對應。

2、什麼是響應式網站？

響應式佈局是Ethan Marcotte在2010年5月份提出的一個概念，簡而言之，就是一個網站能夠兼容多個終端，而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。

響應式網站即使用不同的設備瀏覽網站時，網站樣式風格、內容和網址都是完全一樣的，PC端和移動端屬於同一個網站模板，資料庫完全一致，也非常符合搜索引擎的優化規則。即在網站上的頁面，由於採用響應式的佈局，可以在任何設備上無障礙顯示，但是網頁的樣式早已根據響應式的佈局轉變成專為其他設備所準備的樣式。

響應式網站概念覆蓋了自適應，而且涵蓋的內容更多。

---

自適應是隨著瀏覽器的大小變化而變化，響應適是響應屏幕尺寸，需要通過CSS來實現

---

狹義上的自適應一般是指頁面100%適配設備窗口寬度不出現橫向滾動條；廣義上自適應是指頁面在各種窗口尺寸和解析度下都能正常顯示。響應式算自適應的一個子集，通常是用media query，也可能用JS判斷，來為頁面配置不同的css使之顯示正常（一般會切換佈局）。

---

看看下面視頻，就知道響應式網站是怎麼變化尺寸的

3分鐘製作手機版、電腦版網頁youku.com視頻

---

自適應是隨著瀏覽器的大小變化而變化，響應適是響應屏幕尺寸，需要通過CSS來實現

自適應感覺 就是 100%做寬度的網站，但是響應式 是通過 css3 media query技術來實現的，兩者實現方式不一樣 。但是響應式可以改變佈局，自適應只能通過改變寬度來實現 可以找我做哦

---

推薦閱讀：