WAP站点注意尺寸

PC端站点的尺寸一般可以是固定的,对于WAP站点,如果用640px作为标准的话,那么当用户用320px的手机访问的时候,就会使网站只能显示一半大小。这种情况的出现,会使用户直接跳出网站。所以必须了解目前主流手机所使用的尺寸大小。

1.iOS系统
iOS系统的iPhone手机,从iPhone 4开始到iPhone 7 Plus及iPhone 8,尺寸是越来越大。对于iOS系统的手机,一般考虑两个尺寸,即320px和640px。如果是平板电脑的话,也可以通过跳转识别,但是大多数公司都会重新建立一个以iPad为首的网站,方便iPad用户的访问。
2.Android系统
Android系统常见的手机尺寸有480、720和1080px3种。
3.主流尺寸
在我所从事的行业中,对于WAP站点的搭建,更多针对的是320、480和640px。所以前端技术只需要进行一段简单的判断即可。当然如果其他行业存在其他尺寸,也可以进行再次识别。
4.识别
一个WAP网站之所以会出现半屏或者超屏的现象,完全是因为字体大小的原因。所以在WAP站点中更多的时候不会使用px(像素)来写代码,而会使用em或者rem进行一种自适应的区分。切记em和rem不能同时出现在同一个页面中,否则会出现一大一小的加载停留情况。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>