1、小屏幕移动设备网页设计需要注意的事项WAP 能够运行于各种无线网络之上，如GSM、GPRS、CDMA 等。WML 是无线注标语言(Wireless Makeup language)的英文缩写。支持 WAP 技术的手机能浏览由 WML 描述的 Internet 内容。而如今的小屏幕移动设备，比如手机，都已经具备访问 WWW 的能力。其内置的浏览器，或是第三方浏览器大多是 WebKit 引擎。也因此没人再用 WML 组织 WAP 站点了，一般都是用HTML+CSS 的方式来建设 WAP 网站。在设计小屏幕移动设备网页时，你可能先得了解这么一些前提：手机屏幕分辨率乱得一塌糊涂，什么分辨率都有!我们的
2、手机上网费用贼贵贼贵!UC 浏览器拥有了贼大的市场占有率!关于 UC 浏览器：没错，不得不提它。谁叫它的市场占有率高呢。对于 UC 浏览器而言，显然是非常适合我国国情的，它给用户最大限度地节约手机上网流量。(UC 浏览器打的口号貌似也就是省流量这一招了)。基于移动应用，以及文本的可读性，UC 浏览器也体现了大字体、大行距等特性。UC 浏览器相对于其他手机浏览器而言，对 HTML 标签和CSS 属性存在有特殊的、自定义的处理方式。而所做的这些特殊处理，按目前来看，应该将会继续保留较长一段时间，直到手机上网费用得到较大幅度的下降，令消费者更大胆地移动上网之时。在实际开发中，我们发现了 UC 浏览器
3、对 CSS 存在一些“特殊照顾”：不支持 font-family 属性，也就是说，在 UC 浏览器你只能看到一种字体;不支持 font-szie 属性，也就是说，在 UC 浏览器你只能看到一样大小的字体;不支持 width、height、padding、margin、line-height 属性，也就是说，在 UC 浏览器只能通过 p、br 等HTML 标签来换行以达到字符上下间隔;不支持固定像素的宽度，100%显示页面，也就是说，在 UC 浏览器始终将看到的是“满屏的”;不支持浮动、层叠布局，float 和 position 属性无效，也就是说，在 UC 浏览器你只能看到“左对齐” 。支持
4、background-color，但不支持 background-image，也就是说不支持 CSS 背景图显示，在 UC 浏览器你只能看到背景色。不过，个人仍然认为，如今建设小屏幕移动设备网页网站，完全可依据 WebKit 引擎的浏览器作为标准进行界面开发。换句话说，我们设计支持 UC 浏览器的网页，而不是设计以 UC 浏览器为标准的网页。这样做还有个好处，可以在大部分的手机浏览器上保证相对一致的样式。而针对 UC 这种连 float 等标准 CSS 属性也不支持的浏览器，别过于纠结它!但为了保证界面中各元素在 UC 浏览器仍具有良好的阅读顺序，严重建议 HTML 编码人员留意各个 HTML
5、 标签的先后顺序。因为只有在支持 float、position 属性的浏览器下，页面各个容器才可以任意浮动或层叠的。否则，浏览器将按 HTML 标签的先后顺序显示。另外一些小屏幕移动设备网页设计的相关补充：网站头(header)考虑到小屏幕移动设备的一些特性，设计网页时，有些可以去掉网站头(包括 LOGO、全局导航什么的)。比如 flick 的查看大图页面就去掉了网站头。这里我自创了一句时髦的设计原则：“针对于小屏幕移动设备的界面设计，在某些指定任务的界面，应优先于让用户关注当前任务，而不是应用程序本身。 ” 这个原则是行得通的，同样适用于设计移动设备应用程序打个比方说，如果你在设计小屏幕移动设备访问的邮箱时，完全可以在写信、邮件阅读页去掉网站头链接聚焦(hover)各个浏览器均自定义了链接的 hover 样式，比如有的浏览器给链接聚焦时加了边框，有的浏览器给链接聚焦时加个背景色之类。因此小屏幕移动设备网页不需要在 CSS中编写 hover 样式。鼠标事件(mouseover)考虑到触摸屏操作，用户无法用手指进行 over 的操作，因此应禁止在应用于移动设备访问的网页使用 mouseover。
