Skip to content

Instantly share code, notes, and snippets.

@lesaff

lesaff/responsive-iframe.md

Created September 9, 2015 02:12
Show Gist options
  • Save lesaff/65de3cf258088c487f65 to your computer and use it in GitHub Desktop.
Save lesaff/65de3cf258088c487f65 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive iframe
Raw
responsive-iframe.md

Responsive iframe css

Use the following code in your css to create responsive iframe

.iframe-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.iframe-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment