title: Multiple media-queries: max-width or max-height
body: <p>This question is similar to <a href="https://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height">CSS media queries: max-width OR max-height</a>, but since my rep isn't high enough, I can't add a comment (question) to the reply and I want to add to the original question.</p>
  
  <p>Like the poster in the other topic, I have media queries with certain specifications for DIVs.</p>
  
  <pre><code>@media only screen and (min-width:460px){
  .center{width:250px;}
  }
  
  @media only screen and (min-width:960px){
  .center{width:350px;)
  }
  </code></pre>
  
  <p>Now, I want the center DIV to be 250px wide when the screen is 960px wide, but only 400px high. If I'd set the first media-query to this:</p>
  
  <pre><code>@media only screen and (min-width:460px), screen and (max-height:400px){
  .center{width:250px;}
  }
  </code></pre>
  
  <p>which query will my browser use?
  Will the min-height overrule the min-width? Or will it skip the min-height and go to the min-width query (960px)?</p>
  
  <p>I've used Stack Overflow alot to find answers, but haven't posted any question so if this is incomplete, please let me know.</p>
  
  <p>-edit-
  I entered the wrong condition (min-height instead of max-height)</p>