手机屏幕尺寸测试——手机的实际显示页面的宽度
来源:
中文源码网 浏览:283 次 日期:2024-04-27 21:54:29
【下载文档: 手机屏幕尺寸测试——手机的实际显示页面的宽度.txt 】
手机屏幕尺寸测试――手机的实际显示页面的宽度
手机站开发遇到一些问题,设计页面使用多大的尺寸?为此做了一些研究,除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代码,如下
屏幕尺寸测试