subzey · January 24, 2022 14:29
diff --git a/frame.html b/frame.html
 <!doctype html>
 <html>
    <head>
        <style>
            body {
                background: green;
            }
            @media (min-width: 1280px) {
                body {
                    background: blue;
                }
            }
        </style>
    </head>
    <body>
        <p>iframe contents</p>
    </body>
 </html>
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
    <head>
        <style>
            iframe {
                display: block;
                width: 1280px;
                border: none;
            }
        </style>
    </head>
    <body>
        <iframe src="frame.html"></iframe>
        <p>Open this page in Firefox then try zooming in and out</p>
    </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<style>
	body {
	background: green;
	}
	@media (min-width: 1280px) {
	body {
	background: blue;
	}
	}
	</style>
	</head>
	<body>
	<p>iframe contents</p>
	</body>
	</html>