title: how to use media query for height?
body: <p>I'm working in web project(Angularjs) and facing one problem. I have given height: 80% and my screen resolution is 1280 x 1024. but when I opened same project in my laptop(Resolution 1386*768) Div get invisible. I have tried following code  </p>
  
  <pre><code>@media (min-height: 500px){
    #chatViewList 
      {
        overflow-y: auto;
        position: relative;
        height: 80%;
      }
  }
  </code></pre>
  
  <p>Please suggest andd help me.</p>