大家好， 我正在开发一个单页网站，遇到了一个奇怪的移动 Safari / iOS 错误，我无法解决。 问题 是在桌面上一切正常。 在移动 Safari（iPhone）上，只要我点击任何输入字段（联系表单或模式表单），布局就会开始中断： 导航栏（固定标题）应该保持固定状态时却滚走了。 当我向上滚动时，导航栏会重新出现，但英雄标题/徽标会继续向下漂移而不是回到原来的位置。 之后，布局一直处于中断状态，直到我在新选项卡中打开该网站。即使刷新页面也无法解决问题。 我尝试过的方法 是删除所有 JavaScript → 问题仍然存在。 更改位置：CSS 中的固定/粘性→问题仍然存在。 尝试对英雄部分使用 100vh 和 100dvh → 问题相同。 禁用过渡和动画→仍然发生。 所以看起来它与键盘打开时 iOS 视口变化直接相关，但我无法确定确切的解决方法。 网站 florasweets.de 有人在 iOS Safari 上见过这种行为吗？ 有没有纯 CSS 的 hack（例如避免 100vh、使用弹性布局等）或者我需要 JavaScript 变通方法来检测键盘何时打开？ 通常情况下，如何防止导航栏和 Hero Header 在输入框获得焦点后出现这种漂移？ 任何提示或经过验证的模式都将不胜感激🙏 谢谢！查看更多www.youjiutian.com
