欢迎来到福编程网,本站提供各种互联网专业知识!

手机屏幕尺寸测试——手机的实际显示页面的宽度

发布时间:2016-04-11 作者:yourber 来源:转载
本文主要通过测试,得出手机端网页实际显示的宽度,给开发人员在做手机端开发的时候做一些参考,希望能帮到大家。

手机站开发遇到一些问题,设计页面使用多大的尺寸?为此做了一些研究,除IPhone特殊一些外,目前市面上的安卓系统的实际显示页面的宽度,都是360px。

手机型号 竖屏宽度 IPhone 5 320px IPhone 6 375px IPhone 6 Plus 414px Nexus 4 384px Android(大多数) 360px

前两年,安卓的分辨率多数还是240px 或 320px,现在是360px,为了向下兼容,向上也兼容,最终将 360px 定为设计的尺寸,后期可以使用CSS3 Media Queries即媒体查询特性做进一步的兼容,兼容其他设备,以及做一些设备的横屏的兼容。

附:屏幕尺寸测试的JS代码,如下




 屏幕尺寸测试
 
 
 
 



	

相关推荐