javascript - 100VP手机版点击/提交订阅表单时首页中断

我正在使用此 CSS 修复程序为移动版登录页面创建真正的 100 VP 设计： https ://css-tricks.com/the-trick-to-viewport-units-on-mobile/

一切都很好，直到我单击订阅表单的输入字段，然后在屏幕底部添加一个白色区域，提交表单后主页冻结在此状态，隐藏部分导航。破坏设计。

我不确定是什么导致了这种行为。我也很难进行故障排除，因为当单击表单的输入字段时，问题不会出现在 Google 开发工具中，而只会出现在物理单元上或使用 Lambdatest.com 或类似的模拟器时。

感谢任何建议？我猜css代码中的某些东西正在破坏..

请参阅下面的屏幕截图或视频，展示从工作到破坏的整个“过程”。

视频：

照片系列。

点击前：

点击后：

提交后：

标签： javascripthtmlcss