title: jQuery resize CSS elements
body: <p>I know how to solve my issue using CSS. I need to set every value, 1000's of them, from pixels to percentages (fun times!). Whether I do this after the fact or as I go, it is always painful. I've been able to design quicker avoiding it in favor of pixels, but now looking to avoid it all together.</p>
  
  <p>I assume using CSS percentages (my entire page is a fixed aspect ratio, so literally every element needs to be translated to percentages) will be the most lightweight solution, but I was hoping maybe some jQuery script existed that could resize the elements?</p>
  
  <p>At one point I thought to try accessing browser zoom, but that doesn't seem to be possible. This is my last shot at another approach. If I can't get something to work... I'll have to suck it up and translate all my elements into percentages (there really should be a tool to do that for you!).</p>
  
  <p>Any and all help is appreciated. Thanks!</p>
  
  <p>edit* Here is a fiddle depicting a simple structure of the website: <a href="http://jsfiddle.net/hkdeA/4/" rel="nofollow">http://jsfiddle.net/hkdeA/4/</a>. I included some code to attempt to expand the outer container. If all the inner containers were CSS percentages, it would work, but I have 1000's of values to be translated and a simple script to resize all the elements would save a tremendous amount of time, effort, and energy.</p>
  
  <pre><code>  &lt;div id="container"&gt;
      &lt;div id="vid"&gt;
  
      &lt;/div&gt;
      &lt;div id="sidebar"&gt;
  
      &lt;/div&gt;
      &lt;div id="footer"&gt;
  
      &lt;/div&gt;    
  &lt;/div&gt;
  
  #container{
      background:grey;
      width:480px;
      height:270px;
      float:left;
  }
  
  #vid{
      background:black;
      width:320px;
      height:180px;
      float:left;
  }
  
  #sidebar{
      background:blue;
      width:160px;
      height:180px;
      float:right;
  }
  
  #foot{
      background:yellow;
      width:480px;
      height:90px;
      float:left;
  }
  </code></pre>
  
  <p>Ultimate goal: get my website app to resize to 100% width or height (depending on aspect ratio of window) of the browser window. I know it can be accomplished with CSS percentages and script to change the containing div's size. However, I'd like to change ALL the divs with scripts to avoid the tedium of translating every fixed value I have into percentages.</p>