iframe-zoom-ref.html (857B)
1 <!DOCTYPE html> 2 <title>ref for iframe in an element 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 --iframe-width: 128px; 11 --iframe-height: 64px; 12 --scale: 1; 13 } 14 iframe { 15 border: none; 16 width: calc(var(--iframe-width) * var(--scale)); 17 height: calc(var(--iframe-height) * var(--scale)); 18 } 19 .scale { 20 --scale: 2; 21 } 22 </style> 23 24 <iframe id="baseline-ref" src="../resources/leaf.html"></iframe> 25 <iframe id="zoom-same-origin-ref" class="scale" src="../resources/leaf.html?scale=2"></iframe> 26 <iframe id="zoom-cross-origin-ref" class="scale" src="../resources/leaf.html?scale=2"></iframe>