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

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

自適應(yīng)網(wǎng)頁設(shè)計基礎(chǔ)涵蓋了幾大重要要素

前期的原型設(shè)計（工具：Axure，Mockplus）

UX設(shè)計(工具：Justinmind）

UI設(shè)計（工具：Sketch）

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

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

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