适合显示，没有iPhone X的顶部和底部栏。

新款iPhone X边缘到边缘型号是最令人震惊和最受欢迎的手机之一。 更少的边框电话。 屏幕顶部和底部有白色小条的问题。 这在网站中被称为信箱。 我们将其称为缺口。 我们希望您的移动应用程序开发过程更加顺利，以防您遇到相同的错误。

测试时，该应用程序是在X代码模拟器（版本9.1.2）中使用新的iPhone X边缘到边缘模型在Cordova-ios-4.5.5上运行的，但该应用程序预期会填满整个屏幕，但并未。 相反，屏幕的顶部和底部填充了白色条。

幸运的是，有两个步骤可以使这些条消失。

I.设置视口元标记

在index.html文件中设置Viewport-fit = cover 。

Viewport Meta标签使显示适合整个可见屏幕。 它因设备而异，并且在移动电话上会比在计算机屏幕上小。

它很简单，但是用黑条代替了白条。 要删除此内容，请继续下一步。

二。 包括config.xml文件以删除黑条。

问题是因为cordova设置为默认值，这些默认值已更改为包括cordova-plugin-splashscreen ，该屏幕合并了旧版启动映像。

将以下内容添加到config.xml中

包含以上语句后，对res / screen / iOS中的尺寸进行以下更改。

iPhone X — 1125像素×2436像素— 2436像素×1125像素

完成这些更改后，您现在可以看到所需的结果。

嗨，我们在 Centizen 致力于通过我们的服务和产品来产生可持续的影响。 在 Centizen 访问我们 。

我们希望您能加入我们的团队。 在这里 加入我们 。

与我们分享的东西。 就在这里 ，因为我们都在追求进步。