概念

響應(yīng)式網(wǎng)頁設(shè)計最初是由 Ethan Marcotte 提出的一個概念：為什么一定要為每個用戶群各自打造一套設(shè)計和開發(fā)方案？Web設(shè)計應(yīng)該做到根據(jù)不同設(shè)備環(huán)境自動響應(yīng)及調(diào)整。當(dāng)然響應(yīng)式Web設(shè)計不僅僅是關(guān)于屏幕分辨率自適應(yīng)以及自動縮放的圖片等等，它更像是一種對于設(shè)計的全新思維模式；我們應(yīng)當(dāng)向下兼容、移動優(yōu)先。

背景

移動互聯(lián)網(wǎng)天下：2015年，移動互聯(lián)網(wǎng)的數(shù)據(jù)流量超越PC端的流量。2015年雙十一購物節(jié)京東移動端占比達(dá)到70%，蘇寧易購移動端占比約62%，今年雙十一移動端消費(fèi)全面超越PC。移動端入口：當(dāng)用戶希望通過手機(jī)來完成PC頁的操作時，常見的是商家的運(yùn)營微博，期文案足夠吸引用戶點(diǎn)擊鏈接參加活動，如果該活動頁沒做響應(yīng)式處理：頁面體積大、請求多、體驗(yàn)差、兼容性差，層層阻礙最終導(dǎo)致用戶放棄參加。

優(yōu)勢

開發(fā)成本低，門檻低Native APP：Objective-C or Java – 學(xué)習(xí)成本高Hybrid APP： 外殼+Web APP，需安裝。響應(yīng)式Web APP：HTML5+JS+CSS – 門檻低，極易上手，迭代快跨平臺和終端且不需要分配子域雖然可通過監(jiān)測用戶UA來判斷用戶終端后做跳轉(zhuǎn)，但它還是分配了多個域，而響應(yīng)式無需監(jiān)測用戶UA沒有域的切換，只需根據(jù)終端類型來適配不同的功能模塊與表現(xiàn)樣式，它是跨平臺和終端的。

本地存儲

Web App可以利用本地存儲的特性將重要和重復(fù)的數(shù)據(jù)保存在本地，避免頁面的重復(fù)刷新，減少重要信息在傳輸過程中被泄露，增量傳輸修改內(nèi)容。無需安裝成本，迭代更新容易更靈活、更方便的APP使用及安裝方式將成為HTML5在移動平臺上大放異彩的保障之一 。

http://m.ezekroy.com/wangzhanyunying/9133.html 響應(yīng)式網(wǎng)站制作應(yīng)用優(yōu)勢