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