固定页脚被 Mobile Safari UI 页脚裁剪

Fixed footer is cropped by Mobile Safari UI footer

试图让我的带有社交链接的图标页脚移动到 Safari UI 页脚上方,而不添加破坏 chrome 或其他浏览器上固定栏样式的填充或边距。不知道为什么会这样,或者是否有答案。这个问题是当你点击我的汉堡菜单并显示我的个人信息时,它在底部被裁剪了一点并且不允许页脚的完整尺寸。

希望大家帮帮忙

https://www.alexcoven.com

错误仅存在于 Mobile Safari 中。

手机Chrome:

我发现我使用 vh 作为我的高度变量,但在移动设备上阅读效果不佳。然后我将容器的高度更改为

height: calc (100% - 60px);

60px 是我的页脚的高度。这非常有效!