響應式是流布局，它會自動適應屏幕大小，不管是什么設備。響應式使用CSS完成設備判斷。這種基于網格的流布局會自動調整網頁的高度和寬度來使用不同尺寸的屏幕，并讓其現實正確。

　　自適應則采取多個不同的布局設計，多個屏幕的尺寸，使用哪個布局取決于屏幕類型。自適應作品用屏幕尺寸來決定用哪套布局。

　　響應式網頁會是一個更難的選擇，因為它需要用CSS和結構來確保網頁能再任何大小上現實，讓一套布局能在任何屏幕上使用是一件令人生畏的事情。

　　自適應的設計不太靈活，它只能在其預先設計好的屏幕上正常顯示，如果市面上出現了一個新的尺寸，你可能就要修改你的設計了，活著干脆重設計一個，響應式網站在這方面更靈活些，自適應的網站會經常需要一些例行公事的維護。

我們的設計到底是使用響應式還是自適應呢？

　　在大多數情況下，響應式網站是個安全的選擇。無論屏幕大小，它都能有很好的現實性能，而且早起設計的時候也會解約很多時間。

　　但是，還是要看內容，如果內容太多，頁面信息復雜，建議使用自適應的模式，因為這樣設計移動端要考慮的會簡單一些，而且更容易做適配。如果內容少，當然首選響應式。市面上也有一些典型的例子，比如“淘寶”，因為首頁內容太多，所以只能選擇自適應的模式，PC端和移動端的內容差別很大。再如“36kr”他們就是典型的響應式，因為信息架構簡單。