WAP能够运行于各种无线网络之上,如GSM、GPRS、CDMA等。WML是无线注标语言(Wireless Makeuplanguage)的英文缩写。支持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引擎的浏览器作为标准进行界面开发。
关于屏幕:
现在iOS系统慢慢开始忽略iPhone4/4s 3.5寸屏幕,最小按照iPhone5 4.0寸设计;安卓系统手机类型过多,屏幕的尺寸也太多,一般适配主流机型即可。
关于网络:
在移动网络与wifi条件下可以区分设计。移动网络下以加载速度为主,尽可能让用户花费最少的流量与最少的时间完成wap的浏览;而wifi条件下,可以进行更多内容的加载,甚至内容预加载,保证用户浏览的流畅性与连续性
关于浏览器:
对于浏览器而言,第三方浏览器,它给用户最大限度地节约手机上网流量。如今建设小屏幕移动设备网页网站,完全可依据WebKit引擎的浏览器作为标准进行界面开发。换句话说,我们设计支持浏览器的网页,而不是设计以浏览器为标准的网页。