Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > html5

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

来源:中文源码网    浏览: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代码,如下



屏幕尺寸测试








相关内容