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>