Aspect Ratio Tests

Native

Not supported.

Polyfill

Emulated

The aspect ratio emulation is done using padingTop: ratio% and <svg viewBox="0 0 1 ratio"> hacks.

No way found to bind width and height together via CSS. See a JavaScript-based implementation instead. The JavaScript implementation is "almost" correct, except it cannot easily take margins into account.

Images