UTILS.
Privés par défaut
▭

Boîte à ratio d'aspect CSS

Générez une boîte à ratio d'aspect responsive avec une solution de repli en padding.

Vos fichiers restent sur cet appareil

Les fichiers sont traités dans votre navigateur, jamais envoyés. Le site télécharge le code et les ressources nécessaires aux outils. Sans compte ni traceurs.

Utilisez Télécharger pour enregistrer cet outil dans un fichier HTML utilisable hors ligne.

Confidentialité →

À propos de cet outil

Saisissez un ratio de largeur et de hauteur pour générer une boîte à ratio d'aspect responsive, avec à la fois le CSS moderne aspect-ratio et une solution de repli en pourcentage padding-top, le tout dans votre navigateur.

Foire aux questions

Pourquoi inclure une solution de repli padding-top ?
L'astuce du pourcentage padding-top reproduit un ratio d'aspect fixe dans les navigateurs plus anciens qui ne prennent pas en charge la propriété moderne aspect-ratio.
Le ratio est-il simplifié ?
Oui — des valeurs comme 16 et 9 sont réduites par leur plus grand commun diviseur, donc 1920 par 1080 est affiché sous la forme 16 / 9.

Plus d'outils