注意：以下所說的“大多數(shù)”是指在我們測試過的機型中，發(fā)生此類狀況的手機占比達50%及以上，“部分”為 20%到50%；“少數(shù)”為20%及以下。而這個概率也僅僅只限于我們所測試過的機型，雖然我們采集的樣本盡量覆蓋各種特征的手機，但并不代表所有手機的情況。

XHTML部分

大多數(shù)手機不支持的：

表單元素的“disable”屬性

部分手機不支持的：

“button”標簽
“input[type=file]“標簽
“iframe”標簽。

雖然只有部分手機不支持這幾個標簽，但因為這些標簽在頁面中往往具有非常重要的功能，所以屬于高危標簽，要謹慎使用。

少數(shù)手機不支持的：

“select”標簽：該標簽如果被賦予比較復雜的CSS屬性，可能會導致顯示不正常，比如”vertical-align:middle”。

CSS部分

大部分手機不支持的：

“font-family”屬性：因為手機基本上只安裝了宋體這一種中文字體；
“font-family:bold;”：對中文字符無效，但一般對英文字符是有效的；
“font-style: italic;”：同上；
“font-size”屬性：比如12px的中文和14px的中文看起來一樣大，當字符大小為18px的時候你也許能看出來一些區(qū)別；
“white-space/word-wrap”屬性：無法設置強制換行，所以當你網(wǎng)頁有很多中文的時候，需要特別關注不要讓過多連寫的英文字符撐開頁面；
“background-position”屬性：但背景圖片的其他屬性設定是支持的；
“position”屬性；
“overflow”屬性；
“display”屬性；
“min-height”和”min-weidth”屬性；

部分手機不支持的：

“height”屬性：對”height”的支持不太好，奇怪的是在我們的測試當中，僅僅只有很少部分手機不支持”width”屬性；
“pading”屬性
“margin”屬性：更高比例的手機不支持”margin”的負值。

少數(shù)手機不支持的：

少數(shù)手機對CSS完全不支持；

JavaScript部分

這部分測試相對不那么讓人抓狂，要么干脆不支持，如果支持的話，對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復雜的腳本。

在我們測試過的手機當中，支持（包括不完全支持）JavaScript的手機比例大約在一半左右，當然，對于我們來說，最重要的不是這個比例，而是要如何做好JavaScript的優(yōu)雅降級。

其他

部分手機不支持png8和png24，所以盡量使用jpg和gif的圖片
另外對于平滑的漸變等精細的圖片細節(jié)，部分手機的色彩支持度并不能達到要求，所以慎用有平滑漸變的bar設計
部分手機對于超大圖片，既不進行縮放，也不顯示橫下滾動條
少數(shù)手機在打開超過20k的測試頁面時，會顯示內(nèi)存不足

開發(fā)中你需要注意的問題

手機網(wǎng)頁編碼需要遵循什么規(guī)范？
遵循XHTML Mobile Profile規(guī)范（WAP-277-XHTMLMP-20011029-a.pdf），簡稱為XHTML MP，也就是通常說的WAP2.0規(guī)范。XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎，加入了一些來自XHTML 1.0的元素和屬性。這些內(nèi)容包括一些其他元素和對內(nèi)部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴格的XHTML 1.0子集。
網(wǎng)頁文檔推薦使用擴展名？
推薦命名為xhtml，按WAP2.0的規(guī)范標準寫成html/htm等也是可以的。但少數(shù)手機對html支持的不好。
為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字數(shù)上限為14個中文字符？
由于手持設備的特殊性，其頁面中實際文字大小未必是我們在CSS中設定的文字大小，尤其是在第三方瀏覽器中。例如Nokia5310，其內(nèi)置瀏覽器 頁面內(nèi)文字大小與CSS設定相符，但是第三方瀏覽器OperaMini與UCWEB頁面內(nèi)文字大小卻大于CSS設定。經(jīng)測試，其文本大概在16px左右。 假如屏幕分辨率寬度為240px，去除外邊距，那么其一行顯示14個字以內(nèi)，是比較保險（避免文本換行）的做法。
使用WCSS還是CSS？
WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集，去掉了一些不適于移動互聯(lián)網(wǎng)特性的屬性，并加入一些具有WAP特性的擴展（如-wap- input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，這些特殊的屬性擴展并不是很實用，所以在實際的項目開發(fā)當中，不推薦使用WCSS特有的屬性。
避免空值屬性
如果屬性值為空，在web頁面中是完全沒有問題的，但是在大部分手機網(wǎng)頁上會報錯。
網(wǎng)頁大小限制
建議低版本頁面不超過15k，高版本頁面不超過60k。
用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜？
有條件的話，我們當然建議在手機實體上進行測試，因為目標客戶群的手機設備總是在不斷變化的，這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當然，一些第三方手機瀏覽器的在線模擬器還是可以進行測試的，第三方瀏覽器相對來說受手機設備的影響較小。

總結

以上是生活随笔為你收集整理的wap2.0浏览器兼容性小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。