Explication et calculs

Comment appliquer les ratios d’aspect sur les images de la Divi Gallery

La plupart d’entre nous connaissent les proportions d’image ou de vidéo. Nos appareils sont souvent fabriqués dans ces proportions. le Le premier nombre dans le rapport est la largeur et le deuxième nombre est la hauteur. Comme vous pouvez le voir dans les exemples CSS ci-dessous, l’astuce CSS de remplissage fonctionne et utilise un pourcentage. Fondamentalement, le pourcentage est le Hauteur divisée par la largeur. Utilisez simplement cette formule mathématique pour calculer le pourcentage du CSS à utiliser pour les proportions des éléments de la galerie d’images Divi.

  1. Divisez le deuxième nombre par le premier nombre
  2. Déplacez la virgule décimale de deux places vers la droite
  3. Ajouter un signe de pourcentage

Carré 1: 1 – 1/1 = 1,00 = 100%
Paysage 16: 9 – 16/09 = 0,5625 = 56,25%
Paysage 4: 3 – 3/4 = 0,75 = 75%
Paysage 3: 2 – 2/3 = 0,6667 = 66,67%
Portrait 9:16 – 16/9 = 1,7778 = 177,78%
Portrait 3: 4 – 4/3 = 1,3334 = 133,34%
Portrait 2: 3 – 3/2 = 1,5 = 150%

Maintenant, vous pouvez également utiliser cette formule pour d’autres tailles!





Source link

Recent Posts