虚拟键盘覆盖 iOS 上 Safari 中的 html 元素

Question

1. 可编辑的 html 元素占据屏幕高度的 100%。
2. 在元素焦点上，虚拟键盘会出现并覆盖 Safari 中的部分元素。

如何通过 CSS/JavaScript 告诉元素采用 100% 可见高度 = 100vh - 键盘高度？

Answer 1

这似乎是这个问题的重复，正如内森·马努索斯评论的那样

window.visualViewport.height

可以帮助找到手机上实际可见内容的高度。

谢谢GhostPengy指点。