http://www . sogo.com的基本概念：當使用不同的設備瀏覽時，會顯示不同的網頁。網頁的內容和布局風格相似或完全不同，它們屬于電腦端的不同網站模板。數據庫的內容獨立地相同或不同。目的是為了符合訪問者的瀏覽，即通過寬度來調整網頁內容的大小，以便不同大小的設備看到的網站內容和布局是相同的。圖像就像同一張照片，它的大小是根據不同的比例顯示的。對于一些優化人員來說，他們更習慣于同步數據庫，使PC端的網址和內容與移動端的網址和內容一一對應。

響應性和適應性布局都是為了解決在不同大小和分辨率的設備上正確顯示網頁的問題而設計的。區別在于兩種布局方法采用不同的解決方案。

事實上，一種新的布局方法是寬度自適應布局。平時談到自適應布局，大多時候是指寬度自適應布局。適應是解決如何在不同大小和分辨率的設備上呈現相同的網頁。在網頁內容和布局主體基本不變的前提下，同一頁面自動適應不同尺寸和分辨率的設備，并根據設備屏幕寬度自動調整網頁內容大小。

這將導致一個問題，即如果設備太小，即使網頁可以根據屏幕大小進行調整，但是如果屏幕上顯示的內容太小，用戶體驗將會受到極大的損害。

響應式布局就是為解決這個問題而衍生出來的一種新布局。它可以自動識別屏幕大小，并對網頁設計進行相應的調整。頁面布局和顯示的內容可能會隨著屏幕大小而變化。

一般來說，反應和適應的原則是相似的。它們都是探測設備。不同的設備采用不同的css。此外，css采用百分比而不是固定寬度。不同之處在于，響應網站在不同設備上的外觀不同，并且會隨著設備的變化而改變模板樣式、模塊布局和顯示樣式。然而，自適應是不可能的。所有設備看起來像同一個網站，但長度或圖片變小，不同的設備不會采用不同的顯示方式。