title: Media print orientation query not working in Chrome
body: <p>I am trying to use the orientation media query during print to change the way my data is displayed. This works in FF and Edge but not Chrome. If I enable emulation in dev tools and select 'print' then my code works. If I try to print though neither the print preview window nor the output change based on orientation.</p>
  
  <p>I have tried locating the style in the html as well as externally. </p>
  
  <p>This is my print.css file:</p>
  
  <pre><code>@media (orientation: portrait) {
     pre {
       font-size: 5px;
     }
  }
  @media (orientation: landscape) {
     pre {
       font-size: 20px;
     }
  }
  </code></pre>
  
  <p>And this is my source file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;head&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/&gt;
        &lt;link rel="stylesheet" href="print.css" media="print" type="text/css"&gt;
     &lt;/head&gt;
  
     &lt;body&gt;
        &lt;pre&gt;1234567890&lt;/pre&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I would have expected it to display the <code>&lt;pre&gt;</code> text in a 20px font size when landscape layout is chosen during print and 5px font size when portrait is chosen. This is the way it works in FF and Edge when either viewing the print preview or actually printing (say to a PDF).</p>