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