Skip to content

Instantly share code, notes, and snippets.

@randylien

randylien/gist:10355872

Created April 10, 2014 08:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save randylien/10355872 to your computer and use it in GitHub Desktop.
Save randylien/10355872 to your computer and use it in GitHub Desktop.
Download ZIP
Constant aspect ratio
Raw
gistfile1.html
<div style="width: 100%; position: relative; padding-bottom: 20%;">
<div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ccc;">
this content will have a constant aspect ratio that varies based on the width.
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment