Firefox 34.x 이상에서 Firefox 33.x Flexbox 동작을 어떻게 복원할 수 있습니까?

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

Firefox 최신 업데이트(버전 34 및 35) Flexbox의 기본 동작을 변경했습니다. 애플리케이션 레이아웃을 Flexbox에 크게 의존하고 예상치 못한 변경 사항을 발견한 경우 이 문서에서는 Firefox 33.x에서 발견된 동작을 최신 버전에 복제하는 방법을 안내할 것입니다.

Firefox 33.x에서 Flexbox의 주요 차이점 34.x는 "플렉스 항목의 최소 크기를 암시적으로" 도입합니다. 제거되었다가 Flexbox 사양에 다시 추가된 이 기능은 플렉스 항목에 최소 크기를 할당하여 특정 시나리오에서 해당 항목이 뷰포트 이상으로 확장되도록 합니다.

Firefox 33.x에서 동작을 복원하려면 , 다음 스타일 규칙을 추가할 수 있습니다.

* { min-height: 0; }

이 규칙은 모든 요소의 최소 높이를 효과적으로 0으로 설정하여 Flex 레이아웃이 Firefox에서와 마찬가지로 작동하도록 허용합니다. 33.x.

또는 다음 기준을 충족하는 특정 요소에만 min-height: 0을 적용할 수 있습니다.

• 세로 방향(열) 플렉스 컨테이너의 하위 요소
• 필요한 키가 큰 하위 항목을 포함합니다. overflow

특정한 경우 애플리케이션의 중첩된 플렉스 컨테이너 전체에 min-height: 0을 적용해야 할 수 있습니다. 계층 구조의 각 요소에는 오버플로 처리가 필요한 키가 큰 하위 항목이 있을 수 있기 때문입니다.

이 Flexbox 사양 변경으로 인해 영향을 받는 콘텐츠에 대한 추가 통찰력과 예를 보려면 다음 Mozilla 버그 보고서를 참조하세요. https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

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