Stefan Baumgartner 6/16/2013

Preserving aspect ratio for embedded iframes

Read Original

This article explains how to preserve the aspect ratio of embedded iframes (e.g., from YouTube or Vimeo) in responsive layouts. It details a CSS technique using a wrapper div with percentage-based padding and absolute positioning, and also notes a modern update using the native CSS `aspect-ratio` property.

Preserving aspect ratio for embedded iframes

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

No top articles yet