Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-viewport/zoom/iframe-zoom.sub.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>iframe in an element with CSS zoom</title>
<link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org">
<link rel="author" title="Stefan Zager" href="mailto:szager@chromium.org">
<link href="reference/iframe-zoom-ref.html" rel="match">
<style>
body {
--iframe-width: 128px;
--iframe-height: 64px;
}
iframe {
border: none;
width: var(--iframe-width);
height: var(--iframe-height);
}
.zoom {
zoom: 2;
}
</style>
<iframe id="baseline" src="resources/leaf.html"></iframe>
<iframe id="zoom-same-origin" class="zoom" src="resources/leaf.html"></iframe>
<iframe id="zoom-cross-origin" class="zoom" src="http://{{hosts[alt][]}}:{{ports[http][0]}}/css/css-viewport/zoom/resources/leaf.html"></iframe>