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