多終端自適應(yīng)是此次改版的一個基本思路,目的就是要讓電腦手機平板等不同訪問終端都能體驗到同樣的設(shè)計風(fēng)格和水準(zhǔn)。 為了實現(xiàn)上述目標(biāo),我們用HTML5對系統(tǒng)的前端、用戶端、管理端進行大規(guī)模重構(gòu),徹底解決系統(tǒng)在不同終端和不同瀏覽器上的兼容標(biāo)題。 移動設(shè)備正超過桌面設(shè)備,成為訪問互聯(lián)網(wǎng)的最常見終端。于是,網(wǎng)頁設(shè)計師不得不面對一個難題:如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁? 手機的屏幕比較小,寬度通常在800像素以下;PC的屏幕寬度,一般都在1000像素以上(目前主流寬度是1366×768),有的還達到了2000像素。同樣的內(nèi)容,要在大小迥異的屏幕上,都呈現(xiàn)出滿意的效果,并不是一件容易的事。 很多網(wǎng)站的解決方法,是為不同的設(shè)備提供不同的網(wǎng)頁,比如專門提供一個mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網(wǎng)站有多個portal(入口),會大大增加架構(gòu)設(shè)計的復(fù)雜度。 此次改版的解決方案就是一次設(shè)計多端運行,通過系統(tǒng)對屏幕寬度的識別,以動態(tài)布局技術(shù)自動調(diào)整頁面內(nèi)容寬度和高度,從而在自適應(yīng)屏幕的同時,保障了高質(zhì)量的訪問體驗。 |