title: How to make mobile webpage automatically resize to fit screen?
body: <p>My webpage is functional on all mobile devices, however, the user has to manually resize the screen when they load up the page so that it fits on the screen... I would like it to be able to automatically resize so all the content fits on the screen. This is the webpage: <a href="http://www.dimatteos.com.au/indexmobile.html" rel="nofollow">http://www.dimatteos.com.au/indexmobile.html</a></p>
  
  <p>EDIT: This is NOT a duplicate of how to make a website responsive... I already have, I just need it to automatically resize. Making a website responsive is super broad compared to what I need.</p>
  
  <p>Below is what I believe is causing the problem, how do I make it automatically resize?</p>
  
  <p>Thankyou.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta name=viewport content="width=device-width, initial-scale=1, user-scalable=yes"&gt;</code></pre>
  </div>
  </div>
  </p>