修复了iOS键盘时标题跳动的问题

Question

我使用VueJS创建聊天并为手机进行布局

我们的网页包括一个固定高度的标题，一个可变高度的滚动中间部分以及一个包含文本输入框的固定高度页脚。它需要进行调整以精确地填充任何宽度和高度，并且由于我们的受众是世界各地的，因此它实际上需要在每个当前的浏览器上运行。

根本的问题是，由于用户点击屏幕底部附近的文本输入框而导致软键盘出现时，Safari不会调整浏览器窗口的大小，而是向上移动浏览器窗口，使其部分脱离屏幕。如该动画所示。这意味着在用户再次关闭键盘之前，无法访问页面标题中的UI元素。

有什么解决方案吗？