<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  </head>
  <body bgcolor="#ffffff" text="#000000">
    On 11/24/2010 1:12 AM, Robert O'Callahan wrote:
    <blockquote
      cite="mid:AANLkTim8QgOcWsOm8edtVmXqRWh=rpJaML78q2xo3z4r@mail.gmail.com"
      type="cite">On Wed, Nov 24, 2010 at 9:09 PM, Charles Pritchard <span
        dir="ltr"><<a moz-do-not-send="true"
          href="mailto:chuck@jumis.com">chuck@jumis.com</a>></span>
      wrote:<br>
      <div class="gmail_quote">
        <blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt
          0.8ex; border-left: 1px solid rgb(204, 204, 204);
          padding-left: 1ex;">
          <div bgcolor="#ffffff" text="#000000">
            <div class="im"> On 11/21/2010 4:12 PM, Robert O'Callahan
              wrote:
              <blockquote type="cite">On Sun, Nov 21, 2010 at 9:59 AM,
                Charles Pritchard <span dir="ltr"><<a
                    moz-do-not-send="true" href="mailto:chuck@jumis.com"
                    target="_blank">chuck@jumis.com</a>></span>
                wrote:<br>
                <div class="gmail_quote">
                  <blockquote class="gmail_quote" style="margin: 0pt 0pt
                    0pt 0.8ex; border-left: 1px solid rgb(204, 204,
                    204); padding-left: 1ex;"> Rob: Mobile deployments
                    using dpiPixelRatio (as has been adopted by Moz and
                    Webkit) and target-DpiDensity work well on the
                    mobile, they are not hooked to zoom on the desktop,<br>
                  </blockquote>
                  <div><br>
                    It is in Firefox.<br>
                  </div>
                </div>
              </blockquote>
            </div>
            I just tested in 4b7, and it's not changing dpiPixelRatio.<br>
          </div>
        </blockquote>
        <div><br>
          Try this:<br>
          <style><br>
          div { display:none; }<br>
          @media screen and (min--moz-device-pixel-ratio: 1.5) {<br>
            .in { display:block; }<br>
          }<br>
          @media screen and (max--moz-device-pixel-ratio: 0.66666666) {<br>
            .out { display:block; }<br>
          }<br>
          </style><br>
          <div class="in">Zoomed in by a factor of at least
          1.5</div><br>
          <div class="out">Zoomed out by a factor of at least
          1.5</div><br>
          <br>
          Try zooming in a lot and zooming out a lot. It works for me.<br>
        </div>
      </div>
    </blockquote>
    <br>
    While we're at it, can we get some agreement on that CSS selector? I
    can't speak for MS, but otherwise, it's a de facto standard.<br>
    <br>
    That css selector is paired with the window.dpiPixelRatio variable
    per the webkit proposal.<br>
    <br>
    <br>
    <br>
  </body>
</html>