互聯網技術快速發展，實現移動互聯，物聯網成為現在最流行的時尚體驗，實現物聯互動和我們的移動手機分不開，怎樣快速的將需要的信息內容合理快速在手機端實現展示，成為了技術大亨們不斷前進和征服的源動力。

移動互聯網技術和智能終端的應用, 一度催生了我國數量規模龐大的移動互聯網用戶, 移動終端以其便于攜帶、操作簡便成為人們上網瀏覽信息、觀看視頻等的最主要設備。相比傳統網站、網頁在桌面式電腦上的顯示, 傳統網站、網頁在移動智能終端上的顯示卻出現了一些新的問題, 其中一個最主要的問題就是由于移動智能終端設備種類的繁多、屏幕分辨率多的樣化及操作系統各異等原因, 導致傳統網站、網頁內容無法做到在移動智能終端設備上的正常完美顯示, 即傳統網站、網頁內容無法完全適應移動終端屏幕尺寸問題。自適應網站的設計旨在從傳統網站、網頁設計的優化角度解決網站、網頁不能很好適應移動終端顯示問題。

自適應網頁設計基礎涵蓋了幾大重要要素

前期的原型設計（工具：Axure，Mockplus）

UX設計(工具：Justinmind）

UI設計（工具：Sketch）

后期的前后端，HTML,CSS, JS.

設計自適應網站的規范

目前很多網站在PC端和手機端已經采用了自適應設計，在不同的設備上瀏覽網頁時已經可以很好的體驗到自適應網頁設計。比如，Amazon, USA Today, Apple, and About.com等。但自適應設計在移動網站上顯示的布局可能與桌面版本會有所不同。所以，做自適應網頁設計時，設計師需要做更多的工作來滿足至少6種常見的布局需求。