iOS 11 Safari webapp状态栏样式在正文和html下方添加状态栏

设置了以下元标记：

<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">

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

如果我将

黑色半透明

更改为

黑色

，则一切看起来都与预期一样：黑色状态栏，视口从状态栏下方一直到屏幕底部

是否可以使

黑色半透明

在iOS 11上正常工作

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

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