咨询热线:186-3855-7110
网站建设What we do
联系我们Contact us
地址:中国.周口
电话电话:186-3855-7110
QQQQ:80010389
新闻资讯您当前的位置:首页 >> 新闻资讯

wap网页设计注意事项

更新时间:2020-05-07  浏览次数:61

在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站。
原因是这类网页起源于一个叫WAP的无线协议。
WAP能够运行于各种无线网络之上,如GSM、GPRS、CDMA等。WML是无线注标语言(Wireless Makeup language)的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。

而如今的小屏幕移动设备,比如手机,都已经具备访问WWW的能力。其内置的浏览器,或是第三方浏览器大多是WebKit引擎。
也因此没人再用WML组织WAP站点了,一般都是用HTML+CSS的方式。

 

在设计小屏幕移动设备网页时,你可能先得了解这么一些前提:

  • 手机屏幕分辨率乱得一塌糊涂,什么分辨率都有!

  • 我们的手机上网费用贼贵贼贵!

  • 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浏览器你只能看到背景色。

【返回列表页】
地址:中国.周口   电话:186-3855-7110  版权所有:河南省创峰网络科技有限公司   ICP备案编号:豫ICP备14008601号 技术支持:创峰网络科技