Qu'est-ce que Calculateur de ratio d'aspect ?
Calculateur de ratio d'aspect est un outil dans le navigateur pour cette tâche : Calculez les valeurs CSS aspect-ratio et les fallbacks padding-bottom contre le layout shift. La sortie reste lisible afin de la vérifier avant de l'utiliser sur un site publié.
Quick answer
Calculate the CSS aspect-ratio value and padding-bottom fallback percentage to prevent Cumulative Layout Shift. Reserve the correct space for images, videos, and embeds before they load.
Limitations
- The padding-bottom fallback technique requires position: relative on the parent container and position: absolute on the child element for correct sizing behavior.
- Aspect-ratio only works when the element has a defined width. If the element width is auto or not set, the aspect-ratio calculation has no basis to compute the height.
Comment utiliser cet outil
- Ouvrez l'outil et saisissez les valeurs utiles.
- Vérifiez la sortie dans le panneau de résultat.
- Copiez seulement la partie adaptéeà votre page.
- Testez la modification avant publication.
A quoi il sert
- Gagner du temps sur les tâches de publication récurrentes.
- Préparer markup, CSS ou checklist avant lancement.
- Eviter les petites erreurs faciles a manquer sur un site statique.