iOS上的Ionic 4标签栏PWA

Question

我正在使用Ionic 4构建PWA，它在浏览器中可以完美运行，但是当我将其添加到主屏幕中成为独立PWA时，我遇到了这个问题：problem 1

标签栏下方有一个空格，

当我将此行添加到variables.scss时：

ion-app {height:100%;}

另一个问题出现了： problem 2

机身的一部分覆盖了标签栏，在android上运行良好，没有任何问题，问题出在iOS（iPad和iPhone 7 plus）上

这是什么问题？有人遇到过这个吗？如何解决？

Answer 1

这是因为自iPhone X以来，iOS中的SafeArea。Read this，希望对您有所帮助。