title: Scale down a webpage to 90%
body: <p>When you press <code>Ctrl</code>+<code>-</code> on any browser, the page scales down to 90% of it's original size. I need to replicate that, and open my webpage at 90% of it's original by default, instead of 100% because it looks nicer at 90%.</p>
  
  <p>I tried the most common approach as mentioned <a href="https://stackoverflow.com/questions/9036927/i-need-to-scale-an-entire-website-down-to-80">here</a>, <a href="https://stackoverflow.com/questions/21668635/zoom-out-whole-website-using-jquery-or-css">here</a>, and <a href="https://stackoverflow.com/questions/1156278/how-can-i-scale-an-entire-web-page-with-css">here</a>, all of which basically tell you to add this block of code in your <code>css</code>.</p>
  
  <pre><code>html
  {
      zoom: 0.9; /* Old IE only */
      -moz-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
  }
  </code></pre>
  
  <p>The problem with this is that it creates a gap on the left and the right sides, as well as a huge gap on the top, which aren't present when you manually reduce the size by doing a <code>ctrl</code>+<code>-</code>.</p>
  
  <p>This is what happens when I use the above mentioned code - notice the gaps on the left, right, top.
  <a href="https://i.stack.imgur.com/zS9Rc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zS9Rc.jpg" alt="This is what happens when I use the above mentioned code"></a></p>
  
  <p>While this is what I want - this is what happens when you do a <code>ctrl</code>+ <code>-</code> manually in your browser.
  <a href="https://i.stack.imgur.com/vajbA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vajbA.jpg" alt="While this is what I want - this is what happens when you do a ctrl -."></a></p>
  
  <p>How do I go about this?</p>
  
  <p>EDIT: As Jonathon said in the comments, if my page looks nicer at 90%, I should have designed it to be that way instead of having to scale down. The problem was that I'm using <a href="http://startbootstrap.com/template-overviews/business-casual/" rel="nofollow noreferrer">this default template</a>, and I just prefer it at 90% over the full 100%.</p>