html - 为什么我的 vh 不能在 iphone 上工作

Question

我的页面顶部有一个图像滑块，它被设置为适合 vh 的屏幕。

当我查看它在 iPhone 上的外观时，肯定有问题。图像拉伸，所以我必须滚动很多..请帮忙。

这是我的代码：

CSS：

    .container-fluida{
        width: 100vw;
        height:calc(100vh - 50px);
        position: relative;
    }

    .frontpage-image-slider{
        margin: 0px;
        padding: 0px;
    }