title: Website Needs to auto resize every element on the page like images and fonts
body: <p>I've got a page that has a variety of text and images placed on the page.  When the users resizes their window (or users that simply have different resolutions), the design needs to have everything scale proportionally.  So I created this jQuery function that triggers on resize (or when page loads) and I look at every element I've put on that page so far and resize it based on the aspect ratio.
  Like this:</p>
  
  <pre><code>    theWindow.resize(function() {
          resizeBg();
      }).trigger("resize");
  </code></pre>
  
  <p>As I add more and more to the page it is extremely tedious.  Every padding, margin, font-size, width, height, etc. needs to be resized based on that ratio.
  Is there a jQuery plug-in or some other suggestion that would help with this?</p>
  
  <p>Thank you.</p>