网站制作公司浅析手机网站的兼容性,尺寸定位用专业的术语可以叫做兼容性,当然兼容性包括很多方面,并不是尺寸定位这一点。由于PC端站点的尺寸一般可以是固定的,而固定的点也体现在宽度上。例如PC端站点常用的宽度尺寸为1024像素(px),不需要前端人员在这个页面的基础上耗费功夫。但是对于WAP站点就要特别注意了,如果我们用640px作为标准的话,那么当用户用320px的手机访问的时候,就会使网站只能显示一半大小。
这种情况的出现,会使用户直接跳出网站。所以当我们做WAP站点的时候,尤其是前端技术人员,必须要清楚地了解目前主流手机所使用的尺寸大小。而目前主流的手机是iOS系统和Android系统,所以我们只需要了解这两个系统下的手机的各种尺寸即可。
1.iOS系统
iOS系统的iPhone手机,从iPhone4开始到iPhone7Plus及iPhone8,尺寸是越来越大。对于iOS系统的手机,一般考虑两个尺寸,即320px和640px。如果是平板电脑的话,也可以通过跳转识别,但是大多数公司都会重新建立一个以iPad为首的网站,方便iPad用户的访问。
2.Android系统
Android系统常见的手机尺寸有480、720和1080px3种。
3.主流尺寸
对于WAP站点的搭建,更多针对的是320、480和640px。所以前端技术只需要进行一段简单的判断即可。当然如果其他行业存在其他尺寸,也可以进行再次识别。
一个WAP网站之所以会出现半屏或者超屏的现象,完全是因为字体大小的原因。所以在WAP站点中更多的时候不会使用px(像素)来写代码,而会使用em或者rem进行一种自适应的区分。切记em和rem不能同时出现在同一个页面中,否则会出现一大一小的加载停留情况。深圳网站制作公司本文关于“网站制作公司浅析手机网站的兼容性”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。