title: What is correct media query for IPad Pro?
body: <p>I have these two but they are not working. I'm simulating in Chrome</p>
  
  <pre><code>    /* Landscape*/
  
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {}
  
      /* Portrait*/
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {}
  </code></pre>
  
  <p>If I remove   'and (orientation: landscape)' then the css in there works in the first media query.
  What is the correct orientation, for both landscape and portrait ?</p>
  
  <p>The HTML  meta is set as</p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /&gt;
  </code></pre>