title: How to detect the device orientation using CSS media queries?
body: <p>In JavaScript the orientation mode can be detected using:</p>
  
  <pre><code>if (window.innerHeight &gt; window.innerWidth) {
      portrait = true;
  } else {
      portrait = false;
  }
  </code></pre>
  
  <p>However, is there a way to detect the orientation using CSS only?</p>
  
  <p>Eg. something like:</p>
  
  <pre><code>@media only screen and (width &gt; height) { ... }
  </code></pre>