固定页脚被 Mobile Safari UI 页脚裁剪
Fixed footer is cropped by Mobile Safari UI footer
试图让我的带有社交链接的图标页脚移动到 Safari UI 页脚上方,而不添加破坏 chrome 或其他浏览器上固定栏样式的填充或边距。不知道为什么会这样,或者是否有答案。这个问题是当你点击我的汉堡菜单并显示我的个人信息时,它在底部被裁剪了一点并且不允许页脚的完整尺寸。
希望大家帮帮忙
错误仅存在于 Mobile Safari 中。
手机Chrome:
我发现我使用 vh 作为我的高度变量,但在移动设备上阅读效果不佳。然后我将容器的高度更改为
height: calc (100% - 60px);
60px 是我的页脚的高度。这非常有效!
试图让我的带有社交链接的图标页脚移动到 Safari UI 页脚上方,而不添加破坏 chrome 或其他浏览器上固定栏样式的填充或边距。不知道为什么会这样,或者是否有答案。这个问题是当你点击我的汉堡菜单并显示我的个人信息时,它在底部被裁剪了一点并且不允许页脚的完整尺寸。
希望大家帮帮忙
错误仅存在于 Mobile Safari 中。
手机Chrome:
我发现我使用 vh 作为我的高度变量,但在移动设备上阅读效果不佳。然后我将容器的高度更改为
height: calc (100% - 60px);
60px 是我的页脚的高度。这非常有效!