Sobre esta ferramenta
Informe uma proporção de largura e altura para gerar uma caixa de proporção responsiva, com o CSS moderno aspect-ratio e uma alternativa de porcentagem padding-top, tudo no seu navegador.
Perguntas frequentes
Por que incluir uma alternativa com padding-top?
O truque da porcentagem padding-top reproduz uma proporção fixa em navegadores mais antigos que não suportam a propriedade moderna aspect-ratio.
A proporção é simplificada?
Sim — valores como 16 e 9 são reduzidos pelo seu máximo divisor comum, então 1920 por 1080 é exibido como 16 / 9.