自適應網站建設和響應式網站建設的由來：因為早期PC顯示器的分辨率種類不多，所以網站都習慣性會被設計成固定寬度的頁面，例如900px，1080px，1200px。后來隨著顯示器尺寸越來越豐富，特別是筆記本電腦的普及，這種方式的頁面出現了問題。在大屏顯示器上整個頁面顯的特別小，在小屏顯示器上網頁又出現滾動條導致用戶體驗其的差。為了解決在各種不同大小和分辨率的設備上如何正確顯示網站的問題，前前后后也出現了好多種方案?？偨Y來說是下面三種：提供不同版本：為不同的終端設備提供不同版本的網頁。PC、Mobile、Pad提供三個不同的版本（其實是三個相對獨立的網站，雖然后期實現了一庫多站）。但這樣做雖然保證了展示效果，也造成了維護好幾個版本的麻煩，而且網站有多個入口，會大大增加系統架構的復雜度。自適應：后來人們開始想能不能"一次設計，普遍適用"，即讓同一個頁面自動適應不同大小的設備，從而解決為不同設備提供不同版本的頁面問題。這是所謂自適應布局解決方案的開發思路。