iframe-zoom.sub.html (902B)
1 <!DOCTYPE html> 2 <title>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 href="reference/iframe-zoom-ref.html" rel="match"> 7 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 8 9 <style> 10 body { 11 --iframe-width: 128px; 12 --iframe-height: 64px; 13 } 14 iframe { 15 border: none; 16 width: var(--iframe-width); 17 height: var(--iframe-height); 18 } 19 .zoom { 20 zoom: 2; 21 } 22 </style> 23 24 <iframe id="baseline" src="resources/leaf.html"></iframe> 25 <iframe id="zoom-same-origin" class="zoom" src="resources/leaf.html" scrolling="no"></iframe> 26 <iframe id="zoom-cross-origin" class="zoom" src="http://{{hosts[alt][]}}:{{ports[http][0]}}/css/css-viewport/zoom/resources/leaf.html" scrolling="no"></iframe>