title: Switching between landscape and portrait causing trouble with media queries
body: <p>I'm currently working on my new website which is an adaptive one. I've setup two media queries for the iPad, one for portrait and one for landscape mode. They work fine on their own but not when switching from portrait to landscape. It displays the layout fine but only zoomed out. The other way around is fine so what could be the problem?</p>
  
  <p>I'm using the mobile HTML5 boilerplate as the base which has the viewport issue already covered. That was the first thing that I thought causing the trouble.</p>
  
  <p>The media queries:</p>
  
  <pre><code>/* iPads (landscape) ---------- */ 
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait) {
  
  /* iPads (portrait) ----------- */ 
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait) {
  </code></pre>
  
  <p>Also a live preview is available at nielspilonwebdesign.nl/dev/niels (Still work in progress)</p>