一本到中文字幕高清不卡在线,亚洲国产精品尤物yw在线观看,欧美日本在线,亚韩无码一区二区在线视频,精品72久久久久久久中文字幕,国产一区二区三区久久

歡迎來到海淘科技官網 官方微信 官方微博 平面活動官網
微信

網絡傳播媒介服務提供商

熱線電話

021-62677988

海淘新聞
首頁 > 新聞列表 > wap網站設計規范及wap網站設計欣賞

wap網站設計規范及wap網站設計欣賞

發布時間: 2016-11-17 16:34

海淘科技為你關于:wap網站設計規范及wap網站設計欣賞的文章,簡單的闡述幾個wap網站設計規范和一則wap網站設計欣賞案例。

1. 手機瀏覽器兼容性測試結果XHTML部分

大多數手機不支持的:屬性:disable;標簽button,iframe;即使有些手機不支持這些屬性和標簽,是因為disable屬性與標簽button,iframe在頁面中通常具有重要的功能,它們歸類高危標簽,要慎使用哦。少數手機不支持的: “select”標簽:此標簽若被賦予比較復雜的CSS屬性,可能會導致顯示不正常,例如”vertical-align:middle”。

1.2 CSS部分

大多數手機不支持的:“font-family:bold;” 和“font-style: italic;”,對漢字無效,但對英文是有效的;“font-size”屬性是太小像素看不出有什么差別,除非像素很大(比如18px); “white-space/word-wrap”屬性是不能強制換行; 還有不支持的“background-position”屬性;“position”屬性; “overflow”屬性;“display”屬性;“min-height”和”min-weidth”屬性;

有些手機不支持的有 height,還有莫名的是我們在測試時,很少手機不支持”width”屬性; “pading”屬性; “margin”屬性,更多的手機不支持”margin”的負值。 少數手機對CSS完全不支持。

1.3 JAVASCRIPT部分

該測試是相對不那么瘋狂,或者直接就不支持,若支持的話,對基本的dom操作基本支持。不過我們沒有測試國內非常復雜的腳本。在我們測試的手機,支持(包括不完全支持JavaScript)約一半比例的手機,當然,對于我們來說,最重要的不是比例,而是如何做好優雅降級JavaScript。

1.4 其他

圖片規則是,盡可能的用jpg格式的圖片和gif格式的圖片;最好不要有平滑漸變的bar設計;有些手機對于過大圖片,不僅不能進行縮放,也不顯示橫下滾動條;很少手機運行內存不足,在打開超過20k的測試頁面的情況下;

2. 開發中需要注意的問題,手機網頁編碼需要遵循的規范

遵循XHTML移動配置規范,簡稱XHTML MP,這就是通常所說的wap2.0標準。xhtmlmp是不由客戶端支持XHTML和有限的資源,所有的設計特點。它是基于XHTML基礎,從XHTML 1加入一些元素和屬性。這些包括一些其他元素和支持的內部樣式表。XHTML XHTML MP是基本相同的,嚴格的XHTML 1.0子集。

3.wap2.0設計原則

在頁面上提供足夠的信息,第一個屏幕常用的導航鏈接,搜索域,登錄屏幕,和大量的信息;形式的相互作用來簡短。提供反饋給用戶的動作,對用戶操作的錯誤問題情況要提供正確的反饋。每幅圖像都是要求減少頁面的速度,和內容可能會重新排序,占用時間和資源,同一圖片的總規劃。定義圖像的高度和寬度屬性,定義占位符,改善用戶體驗。

4. wap網站的標準設計寬度

說到寬度是五花八門了,那標準寬度就是100%。

PC端網站與wap網站設計欣賞

WAP網站設計規范及WAP網站設計欣賞

WAP網站設計規范及WAP網站設計欣賞

WAP網站設計規范及WAP網站設計欣賞

海淘科技還有更多的響應式網站建設與手機官方網站制作。文章下載,點擊:WAP網站設計規范及WAP網站設計欣賞.

相關文章:

版權所有 @ 2007-2023上海海淘信息科技有限公司 滬ICP備11050025號-4