내 Flexbox 스크롤 막대가 Firefox, Edge 및 IE의 \'column-reverse\'에서 작동하지 않는 이유는 무엇입니까?

Firefox, Edge 및 IE의 'column-reverse' 관련 Flexbox 스크롤바 문제

반응형 디자인을 추구하던 개발자는 작은 화면에서 항목의 순서를 바꾸기 위해 Flexbox를 사용할 때 예상치 못한 문제가 발생합니다. 이 접근 방식은 Chrome에서 원활하게 작동했지만 Firefox, Edge 및 IE에서는 스크롤바가 비활성화된 상태로 유지되었습니다.

HTML과 CSS를 조사해 보면 flex-direction:column-reverse를 사용하는 flexbox가 실제로 문제의 원인이라는 것이 분명해졌습니다. 그러나 조사에 따르면 이 동작은 실제로 언급된 브라우저에서 알려진 버그입니다.

flex-direction:column-reverse를 사용할 때 스크롤바는 Chrome에서만 나타나는 것으로 나타났습니다. 개발자가 flex-direction: 열로 전환하면 스크롤 막대가 모든 브라우저에서 작동하게 됩니다.

자세한 정보를 보려면 다음 리소스에서 문제에 대한 통찰력을 제공합니다.

• [버그 1042151 - flex-direction: column-reverse(또는 "flex-direction:column; justify-content:flex-end") 및 Overflow-y: auto는 스크롤할 수 없음](https://bugzilla.mozilla.org/show_bug. cgi?id=1042151)
• [Philip Walton / flexbugs - Column-reverse 및 Overflow-y 스크롤 불가](https://github.com/philipwalton/flexbugs/issues/399)

위 내용은 내 Flexbox 스크롤 막대가 Firefox, Edge 및 IE의 \'column-reverse\'에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!