解决iPhone X上下黑边的问题

在iPhone X上直接运行已有的App,App的上下出现黑边:

解决方法

iPhone X的显示屏为1125px × 2436px (375pt × 812pt @3x),相比于4.7寸的iPhone6,iPhone7以及iPhone8,iPhone X的宽度和4.7寸的屏幕一样,而高度则比4.7寸屏幕多出145pt,多出20%的内容空间。

启动图片方式

App启动如果没有找到iPhone X对应的启动图片,就采用兼容模式,上下留黑边。解决方法就是为iPhone X添加1125px × 2436px (375pt × 812pt @3x)的启动图片。

Launch screen文件方式

如果是使用Launch screen文件来显示启动界面,它会自动适配iPhone X的大小,不需要做更改。

版权声明:著作权归作者所有。

相关推荐

解决IE11 Flex布局文本不换行的问题

在页面上使用了flex来布局,代码如下:CSS:.container{     display: flex;     flex-direction: column;     border: 1px solid red;     align-items: center;   }   .item {     border: 

Android:解决android.os.NetworkOnMainThreadException问题

原因当应用在主线程执行网络操作时会抛出此异常android.os.NetworkOnMainThreadException。解决方法把执行网络的操作的代码放到AsyncTask里可以避免此问题。示例:class MyConnectTas extends AsyncTask {     @Override  &

检测iPhone X机型的方法

iPhone X即将上市。为了更好适配iPhone X,我们可能需要对iPhone做机型的判断。下面介绍两种方法:根据屏幕尺寸和方向判断这是iPhone机型列表。Swift 3if UIDevice().userInterfaceIdiom == .phone {      &n

[译]支持iPhone X

苹果发布了顶部带有“凹口”,底部是主屏幕指示器的iPhone X,WWDC 2017公布SDK的一些修改背后的原因就更清晰了。安全区域布局指南(Safe area layout guides)可能有所帮助,但对于表/集合视图和搜索栏还是有一些问题。安全区域布局指南(Safe Area Layout Guide)苹果在i