如何使用元素隨窗口大小增長（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