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

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

标题名称：小屏幕移动设备网页设计需要注意的事项
本文链接：/news2/126402.html

成都网站建设公司_创新互联，为您提供Google、企业建站、微信公众号、微信小程序、做网站、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联