Comment puis-je réparer la disposition Flexbox cassée de Firefox 34 et restaurer le comportement de Firefox 33 ?

Restauration du comportement de Firefox 33.x Flexbox dans Firefox 34.x

La mise à jour de Firefox 34.x a entraîné des changements inattendus dans le comportement de la disposition flexbox, provoquant pour dépasser les limites de la fenêtre d'affichage. Ce problème est attribué à une modification de la spécification Flexbox, notamment à l'introduction de la « taille minimale implicite des éléments flexibles ».

Pour résoudre ce problème et restaurer le comportement précédent, la solution la plus simple consiste à ajouter la règle de style * { min-height:0 } ou * { min-width:0 } pour les conteneurs horizontaux. Cela garantit que les éléments commencent sans taille minimale et leur permet de se réduire si nécessaire.

Cependant, une approche plus ciblée consisterait à appliquer min-height:0 uniquement à des éléments spécifiques qui répondent aux critères suivants :

1. Ils sont les enfants d'un conteneur flexible orienté « colonne ».
2. Ils ont un grand descendant qui est autorisé à débordement.

Dans les cas où il existe des conteneurs flexibles imbriqués, comme dans l'exemple d'origine, min-height:0 peut devoir être appliqué à tous les éléments de la hiérarchie d'imbrication.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!