![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/two-images-the-same-aspe-c70cc7ed740f8.jpg)
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev
![autolayout - How to keep UIIMage aspect ratio and side padding width and prevent the height from exceeding the parent view height - Stack Overflow autolayout - How to keep UIIMage aspect ratio and side padding width and prevent the height from exceeding the parent view height - Stack Overflow](https://i.stack.imgur.com/JdptY.png)
autolayout - How to keep UIIMage aspect ratio and side padding width and prevent the height from exceeding the parent view height - Stack Overflow
![Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community](https://global.discourse-cdn.com/sitepoint/original/3X/a/4/a4dd8559155b260dd2a5d720febe0fb24ebe6130.jpeg)
Difference between: aspect-ratio: 16/9; & padding-top: calc(9 / 16 * 100%); - HTML & CSS - SitePoint Forums | Web Development & Design Community
![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/object-fit-demo-visualiza-6e1b75de8297c.jpg)