移动端适配整理
1.iPhone / Adirod 界面尺寸:
设备 分辨率 PPI(屏幕密度) 状态栏 标签栏 导航栏
iPhone6 Plus 设计版 1242x2208 401 60 132 146
iPhone6 Plus 放大版 1125x2201 401 54 132 146
iPhone6 Plus 物理版 1080x1920 401 54 132 146
iPhone6 750x1334 326 40 88 98
iPhone5-5c-5s 640x1136 326 40 88 98
iPhone4-4s 640x960 326 40 88 98
iPhone一代 320x480 163 20 44 49
Android 720x1280 50 96 120
Android 1080x1980 60 150 156
IOS设计尺寸建议:
750x1334,向上适配1242x2208, 向下适配640x1136
Andoird设计尺寸建议:
1080x1920
解读:
1.iPhone4和iPhone5宽度一样,5只是比4高176像素,所以5和4一套规范即可;
2.iPhone6的放大模式分辨率是640*1136,和iPhone5正好相同;
3.iPhone6的标准模式分辨率为750*1334,同4、5相比,排布间距拉大,技术人员只需调整间距即可。整体放大1.5倍正好是iPhone6 Plus的放大模式1125*2001;
4.iPhone 4、5、6共用一套字体大小规范;
5.Plus字号适配:字体放大1.5倍后,除导航栏字体外,根据实际效果,其他字号需单调,水平间距放大1.5倍,上下间距需放大1.5倍以上;