网站制作

网站制作公司浅析如何对移动端网站的尺寸定位?

文章编辑:网站建设 文章来源:建站行业资讯 浏览量:

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

当前文章链接:https://www.198bona.com/construction/jzhyzx/9727.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

相关案例推荐