Gridview height & width change based on form re-size using jquery
<p>I know how to change the <code>height</code> &amp; <code>width</code> of <code>Gridview</code> using <code>jquery</code> when window will be resized. Here is the code:</p>

<pre><code>$(window).resize(function() {
$(#grid).height($(window).height());
$(#grid).width($(window).width());
});
</code></pre>

<p>Af someone can see it properly, then here the <code>height</code> &amp; <code>width</code> have been set by giving window <code>height</code> &amp; <code>width</code>, which I don't want.</p>

<p>I don't want to give fixed height &amp; width to <code>gridview</code> by <code>jquery</code>, rather I want to detect what proportion of window <code>height</code> &amp; <code>width</code> has been changed and that much proportion <code>height</code> &amp; <code>width</code> I need to increase to <code>gridview</code>.</p>

<p>So, show me the way to detect what percentage of <code>height</code> &amp; <code>width</code> of window has been changed.</p>

<p>Basically, I need to increase/decrease the <code>gridview</code> <code>height</code> &amp; <code>width</code> accordingly to browser window <code>height</code> &amp; <code>width</code> changes.
So, please help me with the right code to develop page which will be resolution independent. </p>

<p>Thanks.</p>
