jquery .height（value）在IE中不起作用

Question

我使用以下代码：

var winheight = $(window).height();
var headerHt = (0.11 * winheight);
$(".header").height(headerHt)

在每个window.resize事件和document.ready上调整.header（和其他元素）的大小。这似乎在Chrome中运行良好，但在IE中，新的高度值根本不适用于每个div。我在这里有什么明显的错误吗？动态调整不同窗口大小的最佳策略是什么？

谢谢！

Answer 1

你可以使用css：

html, body {
  height: 100%;
}
.header {
  height: 11%;
}

顺便说一句，我假设您的.header始终可见，滚动区域只是内容部分。

Answer 2

这适用于我在IE7＆amp; 8 ..

$(document).ready(function() {
    $(window).resize(function(){
       var winheight = $(window).height();
       var headerHt = (0.5 * winheight);
       $(".header").height(headerHt);
    });
});