如何使用元素随窗口大小增长（javascript）

我正在将“web应用程序”（即不是“网页”，而是一行业务应用程序）从固定大小重写为自由流程。如何使用元素随窗口大小增长（javascript）

此前的应用程序已修复为1024x768，但现在我们希望应用程序可以在宽度和高度上进行缩放。

divs等设置宽度= 100％解决了宽度问题。但是我们的身高有问题。

我正在寻找一种JavaScript解决方案，它将使我能够指定某些元素应该填充可见浏览器窗口的其余部分。并且还要继续在窗口大小调整上做到这一点。

浏览器要求：Internet Explorer 6.0及更高版本（Firefox等不是问题）。

通常屏幕底部有一些网格。这是今天固定高度指定和溢出：自动;样式来使滚动条出现，如果需要的话。

我在寻找类似：

HTML：

.. 
..lots of other elements 
.. 
<div id="bottomGrid" style="width: 100%; height: 200px; overflow: auto;"> 
    I wish this grid would grow with the screen size. 
</div>

然后调用是这样的：

<script language="javascript" type="text/script"> 
    MakeElementGrowWithWindowSize('bottomGrid'); 
</script>

我试过设置高度：100％但不起作用。将XHTML中的doctype改为HTML4打破了很多其他的东西，所以我真的希望用一些聪明的javascript来解决这个问题（jquery很好）。

像往常一样，我们匆忙，没有时间和金钱花+这是一个“巨大”的应用程序。重写html和样式并不是真正的选择。

来源

2011-04-07 Paaland

东西沿着下面的工作的线，但是你需要修改这个代码，以使补贴对您的股利或身体填充。

$(document).ready(function() { 
    $(window).resize(function() { 
     $("#bottomGrid").css({width: $(this).width() + 'px', height: $(this).height() + 'px'}); 
    }); 
});

此外，作为一个侧面说明，就可以得到100％的高度在HTML中，需要注意的是纯粹的工作，在你想成为100％的高度一定有他们的高度为一个在DOM的所有元素组。

来源

2011-04-07 10:57:35