近幾年內(nèi)，移動(dòng)設(shè)備快速崛起，移動(dòng)互聯(lián)網(wǎng)慢慢進(jìn)入人們的生活，預(yù)計(jì)未來5年內(nèi)移動(dòng)設(shè)備的使用度會(huì)超過桌面計(jì)算機(jī)。所以我們創(chuàng)建的網(wǎng)站不僅要在桌面計(jì)算機(jī)大尺寸屏幕上可以為用戶提供友好的UI和用戶體驗(yàn)，同時(shí)在移動(dòng)設(shè)備小尺寸屏幕上也應(yīng)該可以提供一致的用戶體驗(yàn)。使得用戶可以在桌面大屏幕上和移動(dòng)小屏幕上平滑的切換使用，同時(shí)沒有任何的不適應(yīng)感覺。
要網(wǎng)站在桌面大尺寸屏幕上和移動(dòng)小尺寸屏幕上提供一致的用戶體驗(yàn)，最直接的方法就是為每種設(shè)備及分辨率制作一個(gè)網(wǎng)站或者特定的頁面，使得移動(dòng)用戶在這些頁面里取得平滑友好的用戶體驗(yàn)。但是到底有多少不同的移動(dòng)設(shè)備和屏幕分辨率呢?這種方法需要投入多少成本能?
我們的方式是采用HTML5加響應(yīng)式Web設(shè)計(jì)方案：一個(gè)網(wǎng)站能夠兼容多種移動(dòng)設(shè)備屏幕尺寸，而不是為每種屏幕尺寸做一個(gè)特定的版本。當(dāng)設(shè)備分辨率發(fā)生變化時(shí)，頁面能夠根據(jù)設(shè)備分辨率，調(diào)整菜單，圖片，文字，等其它頁面DOM的狀態(tài)和布局，使得頁面仍然可以給用戶提供友好的使用體驗(yàn)。
采用HTML5加響應(yīng)式Web設(shè)計(jì)方案后，頁面的設(shè)計(jì)與開發(fā)將根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。無論用戶正在使用筆記本還是iPad或者是iPhone，我們的頁面都能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備。最終使得頁面有能力去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境，這樣，我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計(jì)和開發(fā)了。
