Calculadora de aspect-ratio CSS

Calcula la dimensión faltante o la proporción simplificada desde cualquier par de ancho, alto o proporción, con salida CSS aspect-ratio.

Preguntas frecuentes

¿Qué es la propiedad CSS aspect-ratio?

Una propiedad que define la razón preferida de un elemento. Define `aspect-ratio: 16/9` y un ancho; el alto se calcula automáticamente.

¿Funciona con flex y grid?

Sí. Las dimensiones se derivan de la razón dentro del layout, siempre que el eje contenedor esté dimensionado.

¿Y los navegadores viejos?

Usa `padding-bottom: 56.25%` (= 9/16 · 100) como fallback. El código moderno puede usar `@supports` para feature-detect.

Aviso importante: Estimaciones solo con fines informativos.

Esta calculadora ofrece estimaciones con fines informativos. Los resultados se basan en supuestos y pueden no reflejar resultados reales. Consulta a profesionales calificados en las áreas correspondientes antes de tomar decisiones importantes basadas en estos resultados.