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

《小屏幕移动设备网页设计需要注意的事项》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、学生会的老师就像这个大家庭里的家长，他(她)们慈爱而又严厉，老师们教会我们做人，教会我们学习，教会我们工作。老师对我们的关心与疼爱我们始终看在眼里，记在心里小屏幕移动设备网页设计需要注意的事项　　WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言(WirelessMakeuplanguage)的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。　　而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览器，或是第三方浏览器大多是WebKit引擎。　

2、　也因此没人再用WML组织WAP站点了，一般都是用HTML+CSS的方式来建设WAP网站。　　在设计小屏幕移动设备网页时，你可能先得了解这么一些前提：　　手机屏幕分辨率乱得一塌糊涂，什么分辨率都有!　　我们的手机上网费用贼贵贼贵!　　UC浏览器拥有了贼大的市场占有率!　　关于UC浏览器：　　没错，不得不提它。谁叫它的市场占有率高呢。　　对于UC浏览器而言，显然是非常适合我国国情的，它给用户最大限度地节约手机上网流量。(UC浏览器打的口号貌似也就是省流量这一招了)。时间如白驹过隙，弹指间，我已在学生会工作了一年。这其中有酸有

3、甜有苦也有辣，然而这就是生活，过于平淡倒显得无味，酸甜苦辣俱全方能体现出人生的多彩，方能值得回味，方能使人进步!学生会的老师就像这个大家庭里的家长，他(她)们慈爱而又严厉，老师们教会我们做人，教会我们学习，教会我们工作。老师对我们的关心与疼爱我们始终看在眼里，记在心里　　基于移动应用，以及文本的可读性，UC浏览器也体现了大字体、大行距等特性。　　UC浏览器相对于其他手机浏览器而言，对HTML标签和CSS属性存在有特殊的、自定义的处理方式。　　而所做的这些特殊处理，按目前来看，应该将会继续保留较长一段时间，直到手机上网费用得

4、到较大幅度的下降，令消费者更大胆地移动上网之时。　　在实际开发中，我们发现了UC浏览器对CSS存在一些“特殊照顾”：　　不支持font-family属性，也就是说，在UC浏览器你只能看到一种字体;　　不支持font-szie属性，也就是说，在UC浏览器你只能看到一样大小的字体;　　不支持width、height、padding、margin、line-height属性，也就是说，在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;　　不支持固定像素的宽度，100%显示页面，也就是说，在UC浏览器始终将看到的

5、是“满屏的”;　　不支持浮动、层叠布局，float和position属性无效，也就是说，在UC浏览器你只能看到“左对齐”。　　支持background-color，但不支持background-image，也就是说不支持CSS背景图显示，在UC浏览器你只能看到背景色。时间如白驹过隙，弹指间，我已在学生会工作了一年。这其中有酸有甜有苦也有辣，然而这就是生活，过于平淡倒显得无味，酸甜苦辣俱全方能体现出人生的多彩，方能值得回味，方能使人进步!学生会的老师就像这个大家庭里的家长，他(她)们慈爱而又严厉，老师们教会我们做人，教会我们

6、学习，教会我们工作。老师对我们的关心与疼爱我们始终看在眼里，记在心里　　不过，个人仍然认为，如今建设小屏幕移动设备网页网站，完全可依据WebKit引擎的浏览器作为标准进行界面开发。　　换句话说，我们设计支持UC浏览器的网页，而不是设计以UC浏览器为标准的网页。　　这样做还有个好处，可以在大部分的手机浏览器上保证相对一致的样式。　　而针对UC这种连float等标准CSS属性也不支持的浏览器，别过于纠结它!　　但为了保证界面中各元素在UC浏览器仍具有良好的阅读顺序，严重建议HTML编码人员留意各个HTML标签的先后顺序。　　因

7、为只有在支持float、position属性的浏览器下，页面各个容器才可以任意浮动或层叠的。否则，浏览器将按HTML标签的先后顺序显示。　　另外一些小屏幕移动设备网页设计的相关补充：　　网站头(header)　　考虑到小屏幕移动设备的一些特性，设计网页时，有些可以去掉网站头(包括LOGO、全局导航什么的)。　　比如flick的查看大图页面就去掉了网站头。时间如白驹过隙，弹指间，我已在学生会工作了一年。这其中有酸有甜有苦也有辣，然而这就是生活，过于平淡倒显得无味，酸甜苦辣俱全方能体现出人生的多彩，方能值得回味，方能使人进步!

8、学生会的老师就像这个大家庭里的家长，他(她)们慈爱而又严厉，老师们教会我们做人，教会我们学习，教会我们工作。老师对我们的关心与疼爱我们始终看在眼里，记在心里　　这里我自创了一句时髦的设计原则：“针对于小屏幕移动设备的界面设计，在某些指定任务的界面，应优先于让用户关注当前任务，而不是应用程序本身。”这个原