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

我在一个网站里有一个div表单，它覆盖了整个网站，在手机上显示全屏大小

在下一个场景中，div表单是中断性的，不会延伸到全屏：

重点是输入字段=>键盘打开=>将移动设备旋转到横向模式=>结果：一半大小的div表单

注释：当键盘关闭时，div表单可以伸展到全屏。 *只能使用香草javascript

div表单css：

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

---

请帮助……

它必须固定位置吗？绝对可能会更好。div必须是全屏大小。不在站点的大小中。。。不管怎样，它都不起作用。。。。