title: Issue with min and max media queries due to using ems?
body: <p>Im working on a mobile first site. The media queries are set with ems like so: </p>
  
  <pre><code>html {
      font-size: 62.5%;
  }
  body {
      font-size: 16px;
      font-size: 1.6rem;
  }
  
  @media (min-width: 320em) {
  }
  @media (min-width: 600em) {
  }
  @media (min-width: 770em) {
  }
  </code></pre>
  
  <p>I now need to add a max-width media query just below the same breakpoint as my middle media query, so that any screen size is either one or the other. </p>
  
  <p>If I was working with px this would be easy:</p>
  
  <pre><code>@media (max-width: 599px) {
  }
  @media (min-width: 600px) {
  }
  </code></pre>
  
  <p>Can the same be done with ems? Just to reiterate, I need it so any screen size will be in either the min or max media query. I cant have any 'no mans land' in between. </p>
  
  <p>As its possible to have decimal places on ems I think the following wont work. A screen could be 599.5ems wide as so be in between the 2 media queries. </p>
  
  <pre><code>@media (max-width: 599em) {
  }
  @media (min-width: 600em) {
  }
  </code></pre>