|
如果你使用了這些樣式，有的手機(jī)甚至無法正確展現(xiàn)，比如下圖的一款山寨機(jī)：
如果你試圖通過文本樣式達(dá)到突出重點的作用，那么多多用顏色吧，顏色是具備最廣泛支持的。
3、內(nèi)容盡量少使用左對齊之外的方式
你使用過右對齊設(shè)置嗎？
事實上，很多瀏覽器（如一些版本的UCWEB和GO瀏覽器）是并不支持類似的右對齊的。在這些瀏覽器上，他們會跑到左邊。
4、減少復(fù)雜的布局
浮動、絕對定位、兩欄布局神馬的，對于很多手機(jī)瀏覽器來說都是浮云。試看以下使用了絕對定位的效果：
因此，請盡量避免使用這些CSS屬性：float、clear、position、top、left、right、bottom。如果使用，請盡量保證這不影響你的頁面內(nèi)容的正常展示。
5、避免鏈接顏色與文本顏色相同
Web頁面開發(fā)時有時會讓文本和鏈接顏色相同，靠是否有下劃線來判斷是否是一個鏈接。但某些移動瀏覽器并不支持定制鏈接是否有下劃線。這種情況下，如果鏈接顏色與文本顏色相同，則可能造成用戶完全無法區(qū)分鏈接與普通文本。
6、為觸摸屏手機(jī)單獨做一個版本
電腦上的瀏覽器大部分都有鼠標(biāo)，可以很方便地定位到一個細(xì)小的位置。
觸摸屏手機(jī)則不同，狹小的屏幕下，小號文字或者較短的鏈接，可能手指很容易產(chǎn)生誤點擊。請為觸摸屏手機(jī)單獨做一個版本。
觸摸屏版本，可以通過增大字號、擴(kuò)大點擊區(qū)域、設(shè)置明顯點擊標(biāo)識⋯⋯等手段來改善用戶體驗。
7、避免使用過多的圖片
圖片可以帶來更好的視覺效果，但是在現(xiàn)在使用流量計費的環(huán)境下，也會為用戶浪費更多的流量，也會大大延長使用GPRS/EDGE上網(wǎng)的用戶打開頁面的速度。
因此，請盡量避免大量使用圖片。
8、減少PNG格式圖片和GIF動畫的使用
有一些手機(jī)，如某些山寨機(jī)，是不支持PNG格式的圖片的。也有部分瀏覽器，如某些平臺上的UCWEB或Opera Mini，是看不到GIF動畫的動態(tài)效果的。
如果圖片對你很重要，請盡量不要使用PNG格式的圖片，并減少GIF動畫的使用。
9、頁面小一些
手機(jī)是一種能力很有限的設(shè)備。過長的頁面，一方面使用并不方便（很多鍵盤手機(jī)用戶需要不斷按著向下按鈕來下翻），另一方面，很可能是打不開你的頁面的——比如Moto V3手機(jī)，頁面大小超過10K，就無法打開了。為了讓更多用戶可以更好地瀏覽頁面，請減少頁面大小。
本文鏈接：http://m.95time.cn/tech/web/2011/8243.asp 
出處：MUX
責(zé)任編輯：bluehearts
上一頁 WAP頁面設(shè)計與實現(xiàn)小貼士 [1] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 WAP頁面設(shè)計與實現(xiàn)小貼士 [2]
