键盘打开时移动旋转，破坏页面

Question

我在网站内部有一个div表单，它覆盖了网站并在移动设备上占据了全屏尺寸。

在下一个场景中，div形式具有破坏性，无法延伸至全屏：

焦点在于输入字段=＆gt;键盘打开=＆gt;将移动设备旋转到横向模式=＆gt;结果：半尺寸格式。

评论：当键盘关闭时，div格式拉伸到全屏。 * 只能使用vanilla javascript

div形式css：

  .div_form {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    heigt: 100%;
    display: block;
    position: fixed;
    }

请帮忙......