亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 網頁設計 > 正文

小屏幕移動設備網頁設計需要注意的事項

2024-08-30 08:34:33
字體:
來源:轉載
供稿:網友
原因是這類網頁起源于一個叫WAP的無線協議。
WAP能夠運行于各種無線網絡之上,如GSM、GPRS、CDMA等。WML是無線注標語言(Wireless Makeup language)的英文縮寫。支持WAP技術的手機能瀏覽由WML描述的Internet內容。
而如今的小屏幕移動設備,比如手機,都已經具備訪問WWW的能力。其內置的瀏覽器,或是第三方瀏覽器大多是WebKit引擎。
也因此沒人再用WML組織WAP站點了,一般都是用HTML+CSS的方式來建設WAP網站。
 
在設計小屏幕移動設備網頁時,你可能先得了解這么一些前提:
  • 手機屏幕分辨率亂得一塌糊涂,什么分辨率都有!
  • 我們的手機上網費用賊貴賊貴!
  • UC瀏覽器擁有了賊大的市場占有率!

 
關于UC瀏覽器:

沒錯,不得不提它。誰叫它的市場占有率高呢。
對于UC瀏覽器而言,顯然是非常適合我國國情的,它給用戶最大限度地節約手機上網流量。(UC瀏覽器打的口號貌似也就是省流量這一招了)。
基于移動應用,以及文本的可讀性,UC瀏覽器也體現了大字體、大行距等特性。
UC瀏覽器相對于其他手機瀏覽器而言,對HTML標簽和CSS屬性存在有特殊的、自定義的處理方式。
而所做的這些特殊處理,按目前來看,應該將會繼續保留較長一段時間,直到手機上網費用得到較大幅度的下降,令消費者更大膽地移動上網之時。

在實際開發中,我們發現了UC瀏覽器對CSS存在一些“特殊照顧”:

  • 不支持font-family屬性,也就是說,在UC瀏覽器你只能看到一種字體;
  • 不支持font-szie屬性,也就是說,在UC瀏覽器你只能看到一樣大小的字體;
  • 不支持width、height、padding、margin、line-height屬性,也就是說,在UC瀏覽器只能通過p、br等HTML標簽來換行以達到字符上下間隔;
  • 不支持固定像素的寬度,100%顯示頁面,也就是說,在UC瀏覽器始終將看到的是“滿屏的”;
  • 不支持浮動、層疊布局,float和position屬性無效,也就是說,在UC瀏覽器你只能看到“左對齊”。
  • 支持background-color,但不支持background-image,也就是說不支持CSS背景圖顯示,在UC瀏覽器你只能看到背景色。

不過,個人仍然認為,如今建設小屏幕移動設備網頁網站,完全可依據WebKit引擎的瀏覽器作為標準進行界面開發。
換句話說,我們設計支持UC瀏覽器的網頁,而不是設計以UC瀏覽器為標準的網頁。
這樣做還有個好處,可以在大部分的手機瀏覽器上保證相對一致的樣式。
而針對UC這種連float等標準CSS屬性也不支持的瀏覽器,別過于糾結它!
但為了保證界面中各元素在UC瀏覽器仍具有良好的閱讀順序,嚴重建議HTML編碼人員留意各個HTML標簽的先后順序。
因為只有在支持float、position屬性的瀏覽器下,頁面各個容器才可以任意浮動或層疊的。否則,瀏覽器將按HTML標簽的先后順序顯示。

 
另外一些小屏幕移動設備網頁設計的相關補充:

  • 網站頭(header)
    考慮到小屏幕移動設備的一些特性,設計網頁時,有些可以去掉網站頭(包括LOGO、全局導航什么的)。
    比如flick的查看大圖頁面就去掉了網站頭。 

這里我自創了一句時髦的設計原則:“針對于小屏幕移動設備的界面設計,在某些指定任務的界面,應優先于讓用戶關注當前任務,而不是應用程序本身。” 這個原則是行得通的,同樣適用于設計移動設備應用程序~
打個比方說,如果你在設計小屏幕移動設備訪問的郵箱時,完全可以在寫信、郵件閱讀頁去掉網站頭~

  • 鏈接聚焦(hover)
    各個瀏覽器均自定義了鏈接的hover樣式,比如有的瀏覽器給鏈接聚焦時加了邊框,有的瀏覽器給鏈接聚焦時加個背景色之類。因此小屏幕移動設備網頁不需要在CSS中編寫hover樣式。
  • 鼠標事件(mouseover)
    考慮到觸摸屏操作,用戶無法用手指進行over的操作,因此應禁止在應用于移動設備訪問的網頁使用mouseover。
  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
    日本一欧美一欧美一亚洲视频| 欧美裸身视频免费观看| 久久精品国产亚洲一区二区| 国产亚洲综合久久| 中文字幕亚洲一区二区三区| 亚洲人线精品午夜| 欧美最猛性xxxxx亚洲精品| 欧美午夜片在线免费观看| 久久精品电影一区二区| 亚洲成人激情图| 国产精品久久久亚洲| 色婷婷av一区二区三区在线观看| 亚洲色图综合久久| 亚洲aa在线观看| 欧美激情第三页| 欧美日韩成人在线播放| 中文字幕久久精品| 日韩精品中文字幕有码专区| 欧美日韩999| 久久久久久久久久国产| 亚洲成人激情图| 欧美激情按摩在线| 成人激情视频小说免费下载| 亚洲aaa激情| 美女久久久久久久| 亚洲欧美激情另类校园| 亚洲欧洲一区二区三区久久| 91香蕉嫩草神马影院在线观看| 伊人亚洲福利一区二区三区| 91精品国产91久久久久久吃药| 国产精品欧美激情| 亚洲国产精品99久久| 国产一区二区三区在线| 日本午夜在线亚洲.国产| 国产精品视频专区| 欧美日韩国产区| 国产精品久久久久9999| 亚洲第五色综合网| 亚洲日韩中文字幕在线播放| 亚洲性线免费观看视频成熟| 日本免费一区二区三区视频观看| 91国产一区在线| 日韩久久精品电影| 国产高清在线不卡| 亚洲区免费影片| 久久综合久中文字幕青草| 国产91精品不卡视频| 亚洲精品一二区| 国产福利精品av综合导导航| 色综合久久88| 91精品久久久久久久久青青| 日韩精品在线免费| 97在线观看免费高清| 亚洲精品91美女久久久久久久| 国产精品老牛影院在线观看| 91精品视频专区| 亚洲小视频在线观看| 91情侣偷在线精品国产| 国产精品亚洲美女av网站| 91丝袜美腿美女视频网站| 国产一区二区动漫| 欧美大片va欧美在线播放| 国产精品视频资源| 亚洲一区二区三区视频播放| 色综合久久88色综合天天看泰| 色婷婷久久av| 亚洲最大激情中文字幕| 亚洲第一天堂av| 日本一区二区在线播放| 欧美激情一区二区三级高清视频| 国产精品青草久久久久福利99| 456亚洲影院| 欧美精品videossex性护士| 欧美乱大交xxxxx| 美女啪啪无遮挡免费久久网站| 91网站免费看| 69**夜色精品国产69乱| 在线播放国产一区二区三区| 日韩av在线免费观看| 欧美疯狂性受xxxxx另类| 国产精品免费视频久久久| 久久久久久噜噜噜久久久精品| 夜夜嗨av一区二区三区免费区| 在线日韩中文字幕| 日韩欧美国产黄色| 久久人人97超碰精品888| 欧美精品一区在线播放| 欧美在线中文字幕| 日本欧美国产在线| 2020欧美日韩在线视频| 亚洲加勒比久久88色综合| 中文字幕一区二区精品| 亚洲精品456在线播放狼人| 久久久久久这里只有精品| 91情侣偷在线精品国产| 95av在线视频| 欧美激情一区二区三区成人| 国产91精品久久久久久| 另类天堂视频在线观看| 亚洲精品国产免费| 91精品国产色综合| 亚洲人午夜色婷婷| 成人网在线观看| 一本色道久久88综合日韩精品| 欧洲亚洲妇女av| 亚洲经典中文字幕| 亚洲精品国产精品国自产观看浪潮| 国产精品日韩av| 亚洲嫩模很污视频| 午夜精品久久久久久久白皮肤| 亚洲999一在线观看www| 9.1国产丝袜在线观看| 国模吧一区二区| 热re91久久精品国99热蜜臀| 久久亚洲一区二区三区四区五区高| 九九综合九九综合| 国产精品福利久久久| 正在播放欧美视频| 亚洲精品视频久久| 狠狠干狠狠久久| 欧美激情在线视频二区| 国产日产久久高清欧美一区| 欧美亚洲成人免费| 欧美精品videos| 日韩中文字幕网址| 亚洲国产一区二区三区在线观看| 亚洲人成啪啪网站| 91国产视频在线| 欧美日韩一区免费| 国产综合香蕉五月婷在线| 精品中文字幕在线观看| 亚洲国产欧美在线成人app| 亚洲一区二区日本| 97视频免费看| 久久躁狠狠躁夜夜爽| 欧美视频一区二区三区…| 亚洲精品成人免费| 色无极亚洲影院| 亚洲xxx视频| 亚洲欧洲自拍偷拍| 欧美精品电影在线| 欧美午夜精品久久久久久久| 91av国产在线| 欧美精品18videos性欧| 国产精品久久久久久久久久99| 亚洲精品免费一区二区三区| 激情成人在线视频| 国产91在线播放九色快色| 91色p视频在线| 国产成+人+综合+亚洲欧美丁香花| 亚洲奶大毛多的老太婆| 色偷偷偷综合中文字幕;dd| 浅井舞香一区二区| 成人国产精品一区| 国产日本欧美一区| 色综合久久久888| 成人黄色在线免费| 欧美高清视频在线观看| 亚洲欧美资源在线| 欧美wwwxxxx| 亚洲人成77777在线观看网| 欧美高清videos高潮hd| 欧美裸体xxxx极品少妇软件| 午夜精品久久久久久久久久久久|