-
Can't wait for thePermalink On twitter.com
aspect-ratioproperty to land in browsers: smashingmagazine.com/2019/03/aspect-ratio-unit-css/ by @rachelandrew.css video { width: 100%; height: auto; aspect-ratio: 16/9; /* 👌 */ }♻️ 3 Retweets ❤️ 24 Favorites Mood +2 🙂
-
@rachelandrew Example 2 in the spec drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio solves the YouTube iframe embed video dimension issue really elegantly:On twitter.com
css @supports (aspect-ratio: attr(width px) / 1) { iframe { aspect-ratio: attr(width px) / attr(height px); width: 100%; height: auto; } }