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

2021-09-12    分类: 网站建设

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

文章题目:小屏幕移动设备网页设计需要注意的事项
网站网址:https://www.cdcxhl.com/news/126402.html

成都网站建设公司_创新互联,为您提供静态网站网站制作网站排名建站公司手机网站建设定制开发

广告

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

外贸网站建设