手机网页输入框自适应高度，兼容性比较好的最佳实现是怎样的思路？

这样考虑，不知道行不行：

1、加载完页面，window.innerHeight 设为 body 的高度
2、拉起虚拟键盘，通过事件监听 addEventListener('click', function() { ... } 实时计算新高度再适应。
3、收起键盘、input 失焦在恢复为 body 的高度。

在 iOS 和 Android 的不同的浏览器和第三方输入法的使用过程中（用原生输入法出现这个情况较少），总是会遇到这个问题：
input 聚焦时不会自动重新计算屏幕高度，需要等到开始输入后，才会重新计算。


请教大家对手机网页输入框自适应高度，有什么兼容性比较好的思路？