对于全高 PWA，您如何防止在移动设备上的输入焦点上调整高度？

问题描述

我有这种情况，我希望 PWA 始终保持相同的 100vh，即使输入是来自移动设备的焦点并且出现了客户端键盘。

截至目前，整个 100vh 概念随着键盘打开而中断，如下图所示：

有人对解决方案有任何线索吗？（如果可能，没有 JS）

解决方法

也许用这个 CSS 你可以实现你想要的

   :root {
       --body-size: 100vh;
    }
    body{
        height:var(--body-size);
     }
    @Media only screen and (max-width : 400px) {
        input:focus{
          --body-size: 50vh;
        }
     }