根据窗口内部高度更改 Div 高度答案

【问题标题】：Change Div height according windows inner height根据窗口内部高度更改 Div 高度
【发布时间】：2014-07-16 17:45:15
【问题描述】：

我需要一点帮助。

我想根据屏幕内部高度改变div的高度为此我编写了一个如下的java脚本

<script>
function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h; 
}
</script>

每当我使用时

document.getElementById("bg").style.height = h;

我没有向 div 元素 #bg 写入任何内容但是当我以 px 为单位定义高度时，例如 500px，我确实在 div 元素#bg 中写入了高度。

【问题讨论】：

【解决方案1】：

您需要将“px”添加到高度值：

function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h+'px'; 
}

显然在某个时候调用该函数

height();

【讨论】：

【解决方案2】：

我猜你可以使用纯 CSS 来做到这一点。通过定义：

   body,
     html {
     height: 100%;
   }
   #bg {
     height: 100%;
     width: 100%; /* or the value you want if element is empty */
   }

或者您也可以使用“vh”值。 But it doesn't work on old browsers

【讨论】：