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