概念

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

背景

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

優(yōu)勢

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

本地存儲

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

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