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

标签 html css safari mobile-safari

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

希望大家帮帮忙。

https://www.alexcoven.com

错误仅存在于 Mobile Safari 中。 enter image description here

移动版 Chrome:

enter image description here

最佳答案

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

height: calc (100% - 60px);

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

关于html - 固定页脚被 Mobile Safari UI 页脚裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43971490/

相关文章:

javascript - 如果自表中日期以来过去 5 个月,如何对 mvc 表中的行进行着色

html - Bootstrap - 填充列的剩余高度

css - Highchart js 在图表的开头设置标记

html - 从您的网络服务中推荐 native 应用程序

javascript - Safari 上的 CSS 转换与其他浏览器相比起伏不定

css - 输入类型 ="number"模式 ="[0-9]*"允许 firefox 中的字母

html - 当侧边栏中的文本太多时,屏幕会分开

CSS:强制 float:left 用于 div 中的元素

html - 如何在网页上得到这样的框?

javascript - 为什么 ScrollTop 位置在移动 Safari 上不起作用?