iPad和状态栏上的iOS 11全屏网络应用程序问题

Question

我有一个全屏主屏幕网络应用程序，专为1024x768分辨率设计，因此它非常适合横向模式的iPad。或者至少，它确实如此，直到iOS 11.此更新现在在状态栏下呈现内容，将整个页面向下推20像素。我涉及的元标签如下：

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="initial-scale=1,user-scalable=no,viewport-fit=cover">

我的印象是“viewport-fit = cover”会修复此问题，返回iOS 10行为，状态栏是透明的，并且“浮动”在HTML上方而不是将其推下来。

有谁知道这是一个错误还是我做错了什么，所以我可以再次让它显示全屏并完美契合？

编辑：这似乎是iOS 11的一个错误，以及全屏网络应用的其他问题。 https://forums.developer.apple.com/message/268185

Answer 1

在iOS 11上，所有样式在更改方向后以横向模式中断，
你选择了一个你想要的人。

在方向更改时，他们会在顶部或底部添加条形图：

新载（default，black和black-translucent）：

black或default白色的顶部间距：

black-translucent中的底部间距，为粉红色背景颜色：

iPhone SE，iOS 11，Full Album，Code