修复 100vh 菜单与 iPhone 顶部栏重叠

问：

我遇到了一个问题，即本应完全为红色的菜单后面出现绿色背景颜色。该菜单旨在填充全屏高度 （100vh），但在 iPhone 上，顶部栏导致它无法完全延伸到屏幕顶部。有没有办法解决这个问题？

这是我的菜单的css

    background: red;
    position: fixed;
    z-index: 9;
    top: 0;
    left: -100vw;
    width: 100vw;
    max-width: 100%;
    height: 100vh;

我附上了一张图片供参考。这只是为了说明目的。干杯！