iPhone X上市一周时间，苹果App Store终于出新版本，更新日志显示：全面优化并适配iPhone X，大部分的APP已经适配了iPhone X，但是毕竟是临时工版，后续如何深度适配iPhone X？欢迎大家一起来探讨~
先拿王者农药举例，11月8日不停服更新，虽然没有了大黑边，用黑色渐变色冲淡“刘海”的突兀感，还加入了iPhone X高帧率模式，但是上一个版本home条的退出逻辑需要滑动两次确认操作，现在变成了现在滑动就立刻退出，这交互设计不知道坑了多少玩家啊，而且一部分显示内容还是被“刘海”挡住了~
吐槽完毕开始进入正式话题，移动端如何快速适配 iPhone X？个人总结可以从以下几点快速入手，减少招黑指数。
1、比例和像素变化
iPhone X 的显示宽度 4.7 寸，与 iPhone相一致，不过 iPhone X 高度比iPhone7多出145pt，内容增加了大约 20% 的垂直显示空间，iPhone X 内容体验更加狭长了，所以内容和按钮要根据iPhone X 的 比例重新优化喽。
iPhone X像素分辨率达到了1125 x 2436px ，458 ppi，官方称之为 Super Retina 屏。要使用三倍图是重点，官方建议尽可能多使用 PDF 矢量图形，这将会获得更好的展示，同时还可以减小 App 所占容量。
2、全面屏设计
iPhone X 状态栏由以前的20pt变成了44pt，为了安置前置镜头以及红外等更多的传感器，所以出现了招黑的刘海，如果项目里隐藏了导航栏加了自定义按钮之类，这里需要注意适配一下，最重要的是, 如果用户拨打电话或使用导航时，这个高度不会改变, 这一点在其他的 iPhone上也是一样。
但是毕竟状态栏在非安全区域，除非可以通过隐藏状态栏给用户带来额外的价值，否则最好把状态栏还给用户。
微信扫码上方二维码，可领取2025年最新互联网创业项目！
项目收款截图
