title: @media min-height doesn't work
body: <p>I try to use @media to check height of browser if it less than 600px</p>
  
  <p>I want to set a new max-width and height so what did I do wrong?</p>
  
  <p>or any missing syntax ?? Please advice and help , Thank! </p>
  
  <p>I also have other @media which is work but for height not.</p>
  
  <pre><code>   @media only screen and (min-height: 600px){
          #book-container{
              max-width: 748px;
              max-height: 469px;
          }
      }
  
  @media only screen and (max-width: 500px){
      #txt-search{
          visibility: hidden;
      }
  }
  
  #book-container{
      position: absolute;
      left: 0;
      right: 0;
      top: 0px;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      width: 80%;
      max-width: 830px;
      max-height: 520px;
  
      /*max-width: 748px;*/
      /*max-height: 469px;*/
  }
  </code></pre>