tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

iframe-zoom-nested-ref.html (1052B)


      1 <!DOCTYPE html>
      2 <title>ref for nested iframes with css zoom</title>
      3 <link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org">
      4 <link rel="author" title="Stefan Zager" href="mailto:szager@chromium.org">
      5 <link rel="author" title="Google" href="http://www.google.com/">
      6 <link rel="help" href="https://drafts.csswg.org/css-viewport/">
      7 
      8 <style>
      9 body {
     10  columns: 2;
     11  --iframe-width: 256px;
     12  --iframe-height: 128px;
     13  --scale: 1;
     14 }
     15 iframe {
     16  border: none;
     17  width: calc(var(--iframe-width) * var(--scale));
     18  height: calc(var(--iframe-height) * var(--scale));
     19 }
     20 .scale {
     21  --scale: 1.5;
     22 }
     23 </style>
     24 
     25 <iframe id="baseline-ref" src="../resources/nested-iframe.html" scrolling="no"></iframe>
     26 <iframe id="zoom-child-ref" src="../resources/nested-iframe.html?subscale=2" scrolling="no"></iframe>
     27 <iframe id="zoom-top-ref" class="scale" src="../resources/nested-iframe.html?topscale=1.5" scrolling="no"></iframe>
     28 <iframe id="zoom-top-child-ref" class="scale" src="../resources/nested-iframe.html?topscale=1.5&subscale=2" scrolling="no"></iframe>