回答這個問題之前，我們先了解下傳統網站，以前傳統的網站在移動設備上瀏覽時，會出現一些字體太小、顯示不全、需要點擊頁面放大或縮小等等糟糕的情況，導致用戶訪問網站體驗效果非常差，因此很容易流失客戶。

需要手指放大才能看清楚的手機站

01、自適應和響應式網站的起源

首先不管是自適應還是響應式網站，都是為了能夠更好的兼容不同終端設備，不用為每個設備都開發一個網站。近年來，隨著各種大屏幕移動設備的普及，自適應和響應式網站也受到了更多人的青睞，因為這兩種適應不同設備的展示。

02、自適應和響應式網站的區別？

1）響應式網站是使用不同設備瀏覽同一個網頁時，會跳轉到不同的URL地址上，可以實現PC端看到的網頁效果和移動端看到的網頁效果完全不同，可采用多套代碼結構，并且時間數據庫分離。

這樣做的好處是可以針對不同的終端設備做不同的適配效果，同時這樣會增加網站維護的成本，很多時候都需要PC端和手機端內容單獨更新。

2）自適應網站是使用不同設備瀏覽同一個網頁的時候，網頁內容及版式風格相似或相同，數據庫內容一致，PC端和移動端使用同一套代碼結構。

此方案帶來的最大好處就是在后續維護和更新網站的時候，絕大部分網站內容都只需要更新一次，大大降低人工維護成本。