PWA安装后移动端Header布局异常问题求助

我最近碰到了一个特别棘手的PWA布局问题，试了各种办法都没搞定！在普通浏览器里——不管是Safari、Chrome、Edge还是Firefox——我的应用运行都完全正常，但一旦把它安装成PWA之后，就出现了奇怪的移动端适配问题：

• iOS设备上，页面顶部会多出半英寸左右的空白间隙
• Android设备上，页面的Header会向上偏移半英寸，导致这部分内容完全无法点击访问

有没有大佬能指点一下方向？真的太感谢了！

备注：内容来源于stack exchange，提问作者MHA