title: css media queries - how to target only ios or android devices?
body: <p>I have a mobile website.
  I optimize it for android, for example</p>
  
  <pre><code>    @media only screen 
  and (max-height : 1280px) {
      html {
          font-size: 18pt;
          }
      }
  
  @media only screen and (orientation:portrait)
  and (max-height : 452px) {
      html {
          font-size: 15pt;
          }
      }
  </code></pre>
  
  <p>but on ios it looks really bad. Can I use 2 sets of media queries, one for android and one for ios?
  right now I can't make it work for both of them.</p>
  
  <p>Please show me a media query for android devices and a media query for ios devices.</p>