Cordova 应用程序无法在 iOS 设备上正确显示

Posted 2023-03-11

【中文标题】Cordova 应用程序无法在 iOS 设备上正确显示

【英文标题】：Cordova app not displaying correctly on iOS devices

【发布时间】：2018-01-09 11:18:51

【问题描述】：

我正在开发一个 cordova 应用程序。我正在使用 xcode V9.2 并使用 v11.1.1 在 iPad 上运行我的 cordova 应用程序。我在屏幕顶部看到一条黑色条带。我搜索了这个问题，并根据大多数建议尝试使用

1.)viewport-fit=cover 在我的视口标签中。

2.)

body
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);

但上述建议不适用于我的情况。需要帮助！

【问题讨论】：

你都做了吗？只尝试第一个

viewport-fit=cover 为我工作！在我的应用程序代码中挖掘更多内容后，我注意到一些代码导致了问题并阻止了 viewport-fit=cover 功能。

【参考方案1】：

这是我在应用中使用的：

body
    height: 100%;
    margin:  0px;
    padding: 0px;
    width:  100%;