Skip to content

Instantly share code, notes, and snippets.

@derrickwilliams

derrickwilliams/index.html

Created January 18, 2018 14:17
Show Gist options
  • Save derrickwilliams/f73c5fb95cf356a16df8366df80f35e2 to your computer and use it in GitHub Desktop.
Save derrickwilliams/f73c5fb95cf356a16df8366df80f35e2 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive iframe example
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Main Page</h1>
<iframe class="wide-iframe" src="index2.html"></iframe>
<iframe class="narrow-iframe" src="index2.html"></iframe>
<style>
.wide-iframe {
width: 650px;
height: 500px;
}
.narrow-iframe {
width: 300px;
height: 500px;
}
</style>
</body>
</html>
Raw
index2.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Inside the Iframe</h1>
<style>
@media (max-width: 600px) {
body { background-color: #f00; }
}
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment