iphone - Ionic 4 在 iPhone X 和 11 上忽略了缺口

Question

在我的 Ionic 4 应用程序的两个选项卡上，我有一个 ion-header，其中的内容安全地移动到全屏 iPhone（X 和 11）的凹槽下方

在其他两个选项卡上，我没有标题内容，但没有 ion-header，内容会在凹口下糊状，看起来很糟糕

我一直在尝试让这个 CSS 像其他问题在这里所建议的那样工作

  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);

但是，如果我将它应用于 global.scss 中的 body ，它会弄乱其他选项卡并将页脚推离底部。如果我将它应用于构成目标选项卡的组件中的离子含量，它不会产生任何影响。

标签： iphoneangularionic4