<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - matchMedia late by 1px compared to CSS media query"
   href="https://bugs.webkit.org/show_bug.cgi?id=158422#c1">Comment # 1</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - matchMedia late by 1px compared to CSS media query"
   href="https://bugs.webkit.org/show_bug.cgi?id=158422">bug 158422</a>
              from <span class="vcard"><a class="email" href="mailto:yeldinov&#64;gmail.com" title="iyel &lt;yeldinov&#64;gmail.com&gt;"> <span class="fn">iyel</span></a>
</span></b>
        <pre>Same in reverse order 
&#64;media (min-width: 480px) and (max-width: 719px) {
    #css {
        background-color: orangered;
    }
}

Going from &gt;720px down, on 719px color will be orangered and on 718 event will be fired</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>