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

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

自適應網(wǎng)頁設計基礎涵蓋了幾大重要要素

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

UX設計(工具：Justinmind）

UI設計（工具：Sketch）

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

設計自適應網(wǎng)站的規(guī)范

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