title: How to prevent html page from zoom out after specific height
body: <p>Hi everyone,
              i make an html page,i want to prevent the page from zoom out after certain zooming out.
  my html code is below  </p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .main-container {
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  position:relative;
  margin:0 auto;
  height: 1508px;
  width:  1300px;
  }
  &lt;/style&gt;
  //main container
  &lt;div id='container'&gt;
  my contents will be here
  &lt;/div&gt;
  </code></pre>