Acerca de esta herramienta
Introduce una relación de ancho y alto para generar una caja de relación de aspecto adaptable, con el CSS moderno aspect-ratio y una alternativa de porcentaje padding-top, todo en tu navegador.
Preguntas frecuentes
¿Por qué incluir una alternativa con padding-top?
El truco del porcentaje padding-top reproduce una relación de aspecto fija en navegadores antiguos que no admiten la propiedad moderna aspect-ratio.
¿Se simplifica la relación?
Sí: valores como 16 y 9 se reducen por su máximo común divisor, así que 1920 por 1080 se muestra como 16 / 9.