Firefox 33.x Flexbox 동작을 이후 버전에서 어떻게 복제할 수 있나요?

FF 34.x 이상에서 FF 33.x Flexbox 동작 복제

Firefox 34 이상의 Flexbox 구현에는 새로운 기능이 도입되었습니다. "플렉스 항목의 암시적 최소 크기"로 알려져 있습니다. 이러한 변경으로 인해 Flexbox 컨테이너의 요소가 뷰포트를 넘어서 커지게 되어 이전 레이아웃이 중단됩니다. 데스크톱 애플리케이션용 Flexbox를 사용하는 사용자에게 이 문제가 발생할 수 있습니다.

원래 FF 33.x 동작을 복원하려면 간단한 스타일 규칙을 추가할 수 있습니다. * { min-height: 0; }. 이 줄은 모든 요소의 최소 높이를 0으로 설정하여 요소가 컨테이너 높이를 초과하지 않도록 합니다.

그러나 경우에 따라 특정 요소에만 min-height:0을 적용해야 할 수도 있습니다. 이는 다음 요소에 적용됩니다.

• 수직 Flexbox 컨테이너의 하위 요소
• 오버플로하려는 키가 큰 하위 항목을 포함합니다

원래 질문에서 레이아웃 문제는 여러 Flex 컨테이너 내에 중첩된 큰 요소로 인해 발생합니다. 이 문제를 해결하려면 중첩 체인을 따라 모든 요소에 대해 min-height:0을 설정해야 합니다.

이 사양 변경으로 인해 웹에서 광범위한 레이아웃 중단이 발생했습니다. 버그 보고서는 추가 세부 정보와 예시를 제공합니다: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

위 내용은 Firefox 33.x Flexbox 동작을 이후 버전에서 어떻게 복제할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!