Firefox 34의 깨진 Flexbox 레이아웃을 수정하고 Firefox 33 동작을 복원하려면 어떻게 해야 합니까?

Firefox 34.x에서 Firefox 33.x Flexbox 동작 복원

Firefox 34.x 업데이트로 인해 Flexbox 레이아웃 동작이 예기치 않게 변경되어 문제가 발생했습니다. 뷰포트 경계를 초과합니다. 이 문제는 Flexbox 사양의 수정, 특히 "플렉스 항목의 암시적 최소 크기" 도입으로 인해 발생합니다.

이 문제를 해결하고 이전 동작을 복원하려면 가장 간단한 해결책은 스타일 규칙을 추가하는 것입니다. 수평 컨테이너의 경우 { min-height:0 } 또는 * { min-width:0 }. 이렇게 하면 요소가 최소 크기 없이 시작되고 필요에 따라 축소될 수 있습니다.

그러나 보다 목표화된 접근 방식은 다음 기준을 충족하는 특정 요소에만 min-height:0을 적용하는 것입니다.

1. '열' 지향 플렉스 컨테이너의 자식입니다.
2. 그들은 다음이 허용되는 키가 큰 자손을 가지고 있습니다. 오버플로.

원래 예시와 같이 중첩된 플렉스 컨테이너가 있는 경우 min-height:0을 중첩 계층 구조의 모든 요소에 적용해야 할 수도 있습니다.

위 내용은 Firefox 34의 깨진 Flexbox 레이아웃을 수정하고 Firefox 33 동작을 복원하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!