title: How to determine if a device is in portrait or landscape mode using CSS
body: <p>For determining screen size I'm using <code>media queries</code> but I want determine if a device is in <code>portrait or landscape mode using CSS</code> so that I can have different background image as per screen size. </p>
  
  <p>Any thoughts? </p>