起因

我写了个html网页，body部分设置不允许滚动，且高度占满，然后body下面是个div，使用弹性布局flex-1占满页面，允许滚动，然后弄了个表单用于登录，然后发现在手机版safari上，唤醒输入法后，取消输入，页面被顶上去的某部分无法恢复原位置，且手动下滑也不行。

视频bug演示

解决方法

其实百度一搜，发现不止我一个人踩坑，不过好多都是用js修复的，我也懒得实验，加上我这个页面搜索部分的输入框不会有这个问题，猜测和position:fixed属性有关，然后把弹性布局改成了position:fixed定位实现果然没问题了！当然这种方式可能只适合我这种简单项目哈！

不怪帮别人说safari是新时代的ie哈，确实坑，而且更新策略还是随系统更新的，否则有bug也不更新