크로스 브라우저 플렉스 박스 호환성 문제

Question

나는 적어도 IE10 +, 크롬, 파이어 폭스와 iOS가 코르도바에 싸여 있어야하는 webapp를 만들고있다.

Chrome에서는 잘 작동합니다. 하지만 IE 나 Firefox에서 부차적 인 버그를 수정할 때마다 iOS에 버그가 생기고 그 반대도 마찬가지입니다.

가장 최근의 문제는 Firefox 및 iOS 때문입니다. 수정 전에 iOS가 작동하고 있었고 (overflow-x는 잘 스크롤되고있었습니다) Firefox는 부모 폭을 무시하고 오른쪽 플렉스 박스가 화면 밖으로 나왔습니다. Firefox에서 문제가 해결되면 오버 플로우 스크롤이 iOS에서 더 이상 작동하지 않습니다.

IE10과 관련하여 일부 중첩 플렉스 박스는 부모의 너비를 고려하지 않으며 마지막 상자는 화면 밖으로 나오게됩니다 (?).

flexbox를 사용하여 신뢰할 수있는 크로스 브라우저 개발 소스가 있습니까? 나는 이미 많은 가이드를 시도했지만 일부 브라우저에서 버그를 수정하고 다른 브라우저에서 버그를 수정하는 데 도움이됩니다 ...

EDIT : 각 브라우저가 속성을 처리하는 방법을 설명하는 비교표 잘해라.

감사합니다.

Answer 1

달성하려는 작업은 flexbox를 사용하여 수행 할 수없는 작업 일 가능성이 있습니다. flexbox는 사용자가 나열한 모든 브라우저에서 완전히 지원되지 않습니다.

Flexbox는 IE10에서 버그가있는 것으로 알려져 있으며 많은 브라우저에서 접두어가 필요할 수 있습니다. 다음은 특정 기능을 완벽하게 지원하는 브라우저를 확인하는 데 유용한 리소스입니다. http://caniuse.com/#search=flexbox.

발생한 문제가 문서화되어 있는지 확인하는 것과 관련된 "알려진 문제"절을 찾을 수 있습니다.

발생하는 버그에 대한 특정 정보를 통해보다 구체적인 답변을 얻을 수 있습니다.

Answer 2

같은데 당신이 원하는처럼이 :

https://github.com/philipwalton/flexbugs

로 자체 "그들을 위해 인 flexbox 문제와 크로스 브라우저 해결의 지역 사회 큐레이터 목록입니다."