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

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

手机站开发遇到一些问题,设计页面使用多大的尺寸?为此做了一些研究,除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代码,如下

© 版权声明

相关文章

暂无评论

none
暂无评论...