1. 手機(jī)瀏覽器兼容性測試結(jié)果xhtml部分
大多數(shù)手機(jī)不支持的:屬性:disable;標(biāo)簽button,iframe;即使有些手機(jī)不支持這些屬性和標(biāo)簽,是因為disable屬性與標(biāo)簽button,iframe在頁面中通常具有重要的功能,它們歸類高危標(biāo)簽,要慎使用哦。少數(shù)手機(jī)不支持的:
“select”標(biāo)簽:此標(biāo)簽若被賦予比較復(fù)雜的css屬性,可能會導(dǎo)致顯示不正常,例如”vertical-align:middle”。
1.2 css部分
大多數(shù)手機(jī)不支持的:“font-family:bold;” 和“font-style:
italic;”,對漢字無效,但對英文是有效的;“font-size”屬性是太小像素看不出有什么差別,除非像素很大(比如18px);
“white-space/word-wrap”屬性是不能強(qiáng)制換行; 還有不支持的“background-position”屬性;“position”屬性;
“overflow”屬性;“display”屬性;“min-height”和”min-weidth”屬性;
有些手機(jī)不支持的有 height,還有莫名的是我們在測試時,很少手機(jī)不支持”width”屬性; “pading”屬性;
“margin”屬性,更多的手機(jī)不支持”margin”的負(fù)值。 少數(shù)手機(jī)對css完全不支持。
1.3 javascript部分
該測試是相對不那么瘋狂,或者直接就不支持,若支持的話,對基本的dom操作基本支持。不過我們沒有測試國內(nèi)非常復(fù)雜的腳本。在我們測試的手機(jī),支持(包括不完全支持javascript)約一半比例的手機(jī),當(dāng)然,對于我們來說,最重要的不是比例,而是如何做好優(yōu)雅降級javascript。
1.4 其他
圖片規(guī)則是,盡可能的用jpg格式的圖片和gif格式的圖片;最好不要有平滑漸變的bar設(shè)計;有些手機(jī)對于過大圖片,不僅不能進(jìn)行縮放,也不顯示橫下滾動條;很少手機(jī)運(yùn)行內(nèi)存不足,在打開超過20k的測試頁面的情況下;
2. 開發(fā)中需要注意的問題,手機(jī)網(wǎng)頁編碼需要遵循的規(guī)范
遵循xhtml移動配置規(guī)范,簡稱xhtml
mp,這就是通常所說的wap2.0標(biāo)準(zhǔn)。xhtmlmp是不由客戶端支持xhtml和有限的資源,所有的設(shè)計特點(diǎn)。它是基于xhtml基礎(chǔ),從xhtml
1加入一些元素和屬性。這些包括一些其他元素和支持的內(nèi)部樣式表。xhtml xhtml mp是基本相同的,嚴(yán)格的xhtml 1.0子集。
3.wap2.0設(shè)計原則
在頁面上提供足夠的信息,第一個屏幕常用的導(dǎo)航鏈接,搜索域,登錄屏幕,和大量的信息;形式的相互作用來簡短。提供反饋給用戶的動作,對用戶操作的錯誤問題情況要提供正確的反饋。每幅圖像都是要求減少頁面的速度,和內(nèi)容可能會重新排序,占用時間和資源,同一圖片的總規(guī)劃。定義圖像的高度和寬度屬性,定義占位符,改善用戶體驗。
4. wap網(wǎng)站的標(biāo)準(zhǔn)設(shè)計寬度
說到寬度是五花八門了,那標(biāo)準(zhǔn)寬度就是100%。
pc端網(wǎng)站與wap網(wǎng)站設(shè)計欣賞
APP為什么運(yùn)營不起來?進(jìn)來防踩雷陽江seo:站內(nèi)優(yōu)化過程中掌握的要素有哪些?網(wǎng)站分析與定位如何進(jìn)行電子商務(wù)類型的網(wǎng)站設(shè)計了解了這些,SEO優(yōu)化不再迷茫!Java開發(fā)必須掌握的日志分析命令網(wǎng)站設(shè)計之完美的CTA放置:首屏Vs顏值高的網(wǎng)站設(shè)計原來這么有優(yōu)勢!