0%

iPhone12尺寸新适配

昨天一个神奇的一天,竟然一直忽略12以后新尺寸适配,之前x也是375的point,所以一直相安无事,知道12出来后尤其是promax带来了更大的428,就出现基于375设计的图,在428上看起来偏小的问题。

Device                        Points   Log. Res.  Sc. Real Res.  PPI  Ratio   Size
iPhone 12 Pro Max, 13 Pro Max 926x428 2778x1284 3x 2778x1284 458 19.5:9 6.7"
iPhone 12, 12 Pro, 13, 13 Pro 844x390 2532x1170 3x 2532x1170 460 19.5:9 6.1"
iPhone 12 mini, 13 mini 812x375 2436x1125 3x 2340x1080 476 19.5:9 5.4"
iPhone XS Max, 11 Pro Max 896x414 2688x1242 3x 2688x1242 458 19.5:9 6.5"
iPhone XR, 11 896x414 1792x828 2x 1792x828 326 19.5:9 6.1"
iPhone X, XS, 11 Pro 812x375 2436x1125 3x 2436x1125 458 19.5:9 5.8"
iPhone 6+, 6S+, 7+, 8+ 736x414 2208x1242 3x 1920x1080 401 16:9 5.5"
iPhone 6, 6S, 7, 8, SE2 667x375 1334x750 2x 1334x750 326 16:9 4.7"
iPhone 5, 5S, 5C, SE1 568x320 1136x640 2x 1136x640 326 16:9 4.0"
iPhone 4, 4S 480x320 960x640 2x 960x640 326 3:2 3.5"
iPhone 3GS 480x320 480x320 1x 480x320 163 3:2 3.5"

1

适配

看来脱离线上高流量app,就疏忽了这个基本问题,自从不仅仅是375后,414以及428尺寸出来后,苹果适配就不是以往那么简单方便了,真要做到像素级别的还原设计,必须设计也出各种版本的ui,然后各种尺寸必须单独处理。

参考

iOS一套代码适配所有iPhone手机布局实现方案
Adaptive layout for iOS in Swift
iPhone 6 Plus resolution confusion: Xcode or Apple’s website? for development
Pixel Density, Demystified
Mobile design 101: pixels, points and resolutions
Correct way to adapt the UI to various iPhone screen sizes
iPhone 12 vs Designers
Auto - 优雅的iPhone等比例精准适配工具(二. 可视化)
SwiftyFitsize
【iOS】利用Runtime实现字体自动化屏幕适配