title: Resizing Page Elements based on Window size
body: <p><strong>Problem:</strong>
  My Client wants me to create a launch webpage for his product such that there should be no scroll on the page, be any browser or window dimensions.</p>
  
  <p><strong>Doubt:</strong> Is this possible using CSS and Javascript?</p>
  
  <p><strong>Some Early Diagnosis:</strong> This might be a little similar to <a href="https://stackoverflow.com/questions/1274401/dynamically-resizing-the-height-of-div-based-upon-the-size-resolution-of-users-m">this</a> or <a href="https://stackoverflow.com/questions/838137/jquery-change-height-based-on-browser-size-resize">this</a> but the difference is that I want to resize the dimensions of each and every element in a particular ratio and not just adjust the height of a parent DIV.</p>
  
  <p><strong>So, the statement:</strong> I need to change the dimensions of each and every element (images, divs, text ... all) based on a ratio between the <strong>(current window size and a reference window size)</strong>. Perhaps Javascript might have a cure for this?</p>
  
  <p><strong>Question:</strong> How to do this?</p>