CSS 移动端键盘弹出时布局被压缩

现象

页面背景图在键盘弹出时被压缩。

使用的是Flex布局。

解决

在布局父容器添加样式。

使用适配移动端的dvh。动态View Point。

dvh中的第一个d是动态的意思（Dynamic）。

.test {
    min-height: 100vh;
    height: 100dvh;
    overflow-y: auto;
}