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

时间:2017-05-15 04:17:31

标签: html css safari mobile-safari

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

希望你们能帮忙。

https://www.alexcoven.com

Bug仅适用于Mobile Safari。 enter image description here

移动Chrome:

enter image description here

1 个答案:

答案 0 :(得分:0)

我发现我使用vh作为我的高度变量,并且它在移动设备上读得不好。我把容器的高度改为

height: calc (100% - 60px);

60px是我的页脚的高度。这很有名!