移動設備網(wǎng)頁通常也被稱之為WAP頁,或WAP站。 原因是這類網(wǎng)頁起源于一個叫WAP的無線協(xié)議。 WAP能夠運行于各種無線網(wǎng)絡之上,如GSM、GPRS、CDMA等。WML是無線注標語言(Wireless Makeup language)的英文縮寫。支持WAP技術的手機能瀏覽由WML描述的Internet內容。
而如今的小屏幕移動設備,比如手機,都已經具備訪問WWW的能力。其內置的瀏覽器,或是第三方瀏覽器大多是WebKit引擎。 也因此沒人再用WML組織WAP站點了,一般都是用HTML+CSS的方式。
在設計小屏幕移動設備網(wǎng)頁時,你可能先得了解這么一些前提:
- 手機屏幕分辨率亂得一塌糊涂,什么分辨率都有!
- 我們的手機上網(wǎng)費用賊貴賊貴!
- 瀏覽器擁有了賊大的市場占有率!
關于UC瀏覽器:
沒錯,不得不提它。誰叫它的市場占有率高呢。 對于瀏覽器而言,顯然是非常適合我國國情的,它給用戶最大限度地節(jié)約手機上網(wǎng)流量。(瀏覽器打的口號貌似也就是省流量這一招了)。 基于移動應用,以及文本的可讀性,瀏覽器也體現(xiàn)了大字體、大行距等特性。 瀏覽器相對于其他手機瀏覽器而言,對HTML標簽和CSS屬性存在有特殊的、自定義的處理方式。 而所做的這些特殊處理,按目前來看,應該將會繼續(xù)保留較長一段時間,直到手機上網(wǎng)費用得到較大幅度的下降,令消費者更大膽地移動上網(wǎng)之時。
在實際開發(fā)中,我們發(fā)現(xiàn)了瀏覽器對CSS存在一些“特殊照顧”:
- 不支持font-family屬性,也就是說,在瀏覽器你只能看到一種字體;
- 不支持font-szie屬性,也就是說,在瀏覽器你只能看到一樣大小的字體;
- 不支持width、height、padding、margin、line-height屬性,也就是說,在瀏覽器只能通過p、br等HTML標簽來換行以達到字符上下間隔;
- 不支持固定像素的寬度,100%顯示頁面,也就是說,在瀏覽器始終將看到的是“滿屏的”;
- 不支持浮動、層疊布局,float和position屬性無效,也就是說,在瀏覽器你只能看到“左對齊”。
- 支持background-color,但不支持background-image,也就是說不支持CSS背景圖顯示,在UC瀏覽器你只能看到背景色。
不過,個人仍然認為,如今建設小屏幕移動設備網(wǎng)頁,完全可依據(jù)WebKit引擎的瀏覽器作為標準進行界面開發(fā)。 換句話說,我們設計支持瀏覽器的網(wǎng)頁,而不是設計以UC瀏覽器為標準的網(wǎng)頁。 這樣做還有個好處,可以在大部分的手機瀏覽器上保證相對一致的樣式。 而針對這種連float等標準CSS屬性也不支持的瀏覽器,別過于糾結它! 但為了保證界面中各元素在瀏覽器仍具有良好的閱讀順序,嚴重建議HTML編碼人員留意各個HTML標簽的先后順序。 因為只有在支持float、position屬性的瀏覽器下,頁面各個容器才可以任意浮動或層疊的。否則,瀏覽器將按HTML標簽的先后順序顯示。
另外一些小屏幕移動設備網(wǎng)頁設計的相關補充:
|