title: How to resize web page to fit windows when test web page on difference screen resolution?
body: <p>How to resize web page to fit windows when test web page on difference screen resolution ?</p>
  
  <p>See fiddle <a href="https://jsfiddle.net/kzqu9s4s/" rel="nofollow noreferrer">here</a> and snippet below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body style="overflow:hidden; margin:0"&gt;
    &lt;div id="main"&gt;
      &lt;div id="content" style=" text-align: center; "&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
        &lt;img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"&gt;
      &lt;/div&gt;
      &lt;div id="footer"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When test on 1280 x 800 px resolution</p>
  
  <p><img src="https://i.imgur.com/TphBLJS.png" alt="image"></p>
  
  <p>And then test on 800 x 600 px resolution</p>
  
  <p><img src="https://i.imgur.com/75d3TN0.png" alt="image"></p>
  
  <p>I want to show on 800 x 600 px resolution like this , how can i do that ?</p>
  
  <p><img src="https://i.imgur.com/cDbLUfw.png" alt="image"></p>