iOS 11 Safari webapp状态栏样式添加了body和html下方的栏

Question

设置以下元标记：

<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

并遵循以下风格：

html, body {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
}

如果以全屏模式启动，状态栏将是透明的白色文本，并且视口从屏幕顶部开始，但它终止于屏幕底部。底部栏的高度与状态栏的高度大致相同。有趣的是，这个酒吧与身体具有相同的背景颜色，但它不是身体的一部分，因为在身体上添加边框会显示它在此栏上方结束。我可以在原始状态栏的区域中放置任何内容，但在底部的此栏中没有任何内容。看起来默认情况下底部条形背景并不总是设置为正文背景，只有当我还设置了正文的边框颜色时。

如果我将black-translucent更改为black，则所有内容都按预期显示：黑色状态栏，视口位于状态栏下方，直至屏幕底部。

可以让black-translucent在iOS 11上正常运行吗？

PS：我在Windows上开发，因此没有WebInspector可供我使用。