小屏幕移动设备网页设计需要注意的事项

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引擎的浏览器作为标准进行界面开发。换句话说，我们设计支持浏览器的网页，而不是设计以浏览器为标准的网页。