Informazioni su questo strumento
Inserisci un rapporto larghezza/altezza per generare un box responsive con proporzioni, sia con il moderno CSS aspect-ratio sia con un fallback in percentuale padding-top, tutto nel tuo browser.
Domande frequenti
Perché includere un fallback con padding-top?
Il trucco della percentuale padding-top riproduce proporzioni fisse nei browser più vecchi che non supportano la moderna proprietà aspect-ratio.
Il rapporto viene semplificato?
Sì — valori come 16 e 9 vengono ridotti per il loro massimo comune divisore, quindi 1920 per 1080 viene mostrato come 16 / 9.