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