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