CSS 将视口扩展到 Safari 上的 iPhone 状态栏

Question

我有一个使用图像作为标题的网站。

我希望该图像向上延伸到状态栏作为其背景。当我向下滚动网站时，网站内容会在状态栏处被截断。基于这种行为，我认为它不会，因为视口没有延伸到状态栏。这可以用 CSS 实现吗？

我尝试添加以下元标记，但页面内容仍然在状态栏处被截断。

<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="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">

谢谢！

Answer 1

不，这是不可能的。

在 iOS 和 Android 设备上，您可以将状态栏设置为纯色，但这就是您所能做的。

<meta name="theme-color" content="#C0FFEE">