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

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

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

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

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

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

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

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

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