【问题标题】:Space above keyboard on iOSiOS上键盘上方的空间
【发布时间】:2019-01-31 03:53:45
【问题描述】:

我在 xcode 中的 iOS 模拟器和物理 iPhone 6 上都进行了测试,当键盘打开时,两者都在页面底部显示了一个额外的空白。我扩展了 body 和 html 元素,但它们的背景颜色仍然填充它。这个问题在 Android 上没有出现。

这是我的应用,突出显示了空白区域。关闭键盘后消失。弹出窗口是绝对定位的。我试过在 CSS 中设置溢出但没有成功。

当您单击输入字段并滚动到底部时,我在 bing.com 上注意到了同样的错误。有什么建议吗?

【问题讨论】:

  • 您设法解决了这个问题吗?在我自己的网站上遇到同样的问题,我无法弄清楚。

标签: html ios css safari mobile-safari


【解决方案1】:

这是因为 safeAreaInsets(底部)。在低于 X 的 iPhone 中,底部插图为 0,但 iPhoneX 及更高版本为 34.0。 如果要将自动布局约束设置为 safeArea,则必须减去该值。

self.view.safeAreaInsets.bottom

使用它来减去多余的高度。 如果您需要详细的代码答案,请告诉我。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-03
    • 1970-01-01
    • 2020-12-25
    • 1970-01-01
    相关资源
    最近更新 更多