Le Hollandais Volant#14695 - Images responsive, flexbox et souci de ratio d'affichage - Alsacreations
http://www.alsacreations.com/astuce/lire/1701-images-responsive-flexbox-bug-ratio.html
Un problème récurrent : les images, et vidéos, canvas, ont un ratio propre à eux.
Quand ils sont dans un élément flexible (avec flex), ils deviennent flexible et perdent leur ratio ou peuvent aussi dépasser de la page (pas pratique pour le responsive design).
Il faut appliquer un "min-width: 0" sur le bloc flexible, comme ça il peut de nouveau se reduire en deçà de la taille "naturelle" de l'image/canvas/video et ces éléments reprennent leur ratio normal.
J'en avais bavé aussi a plusieurs moment. Heureusement que c'est rapidement corrigé.
Quand ils sont dans un élément flexible (avec flex), ils deviennent flexible et perdent leur ratio ou peuvent aussi dépasser de la page (pas pratique pour le responsive design).
Il faut appliquer un "min-width: 0" sur le bloc flexible, comme ça il peut de nouveau se reduire en deçà de la taille "naturelle" de l'image/canvas/video et ces éléments reprennent leur ratio normal.
J'en avais bavé aussi a plusieurs moment. Heureusement que c'est rapidement corrigé.