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实现字体自动化屏幕适配