当前位置:  首页  >  前端开发  >  CSS+DIV

手机屏幕尺寸测试——手机的实际显示页面的宽度_经验交流

本文主要通过测试,得出手机端网页实际显示的宽度,给开发人员在做手机端开发的时候做一些参考,希望能帮到大家。
手机站开发遇到一些问题,设计页面使用多大的尺寸?为此做了一些研究,除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代码,如下




 屏幕尺寸测试
 
 
 
 



	




















    
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有