2016-08-24 3 views
-1

sooooo가 좌절하고 있습니다. 플렉스 박스를 사용하여 내 테이블을 작동시키는 것은 크롬과 파이어 폭스이지만 사파리는 아닙니다. 내 Safari 버전은 5.1입니다. 나는 그물을 통해 해결책을 찾으려고 노력했지만 그것을 발견했다. 사람들은 대개 display : -webkit-box를 사용하도록 요청했지만 작동하지 않습니다. 어떤 마술 트릭 ?????????Safari 5.1에서 플렉스 박스가 작동하지 않습니다.

나는 그물을 통해 전달 된 거의 모든 수정 사항을 이미 시험해 보았습니다. 여기에 내 코드

.my-table ul li { 
    display: -webkit-flex; 
    display: -webkit-box; 
    display: -ms-flex; 
    display: flex; 
} 
+0

"작동하지 않습니다"는 좋은 문제 설명이 아닙니다. 무슨 일이 일어나고 무슨 일이 일어나는지 말해주십시오. 이상적으로 문제를 제기 한 스크린 샷을 보여줍니다. 그리고 무엇보다도 문제를 보여주는 완벽한 스 니펫을 제공하십시오. –

+0

코드 도움말을 찾는 질문에는 질문을 ** ** [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing- runnable-javascript-css-and-html-code-snippets /). [** 최소, 완전하고 검증 가능한 예제를 만드는 방법 **] (http://stackoverflow.com/help/mcve) –

+0

...하지만 사파리 5.it은 죽은 브라우저를 사용하지 않습니다. –

답변

1

인 flexbox 잘 사파리 5.1.7

내 모든 프로젝트를 위해 그것을 사용에 작품입니다하지만 난 플렉스 속성 중 일부가 작동하지 않는 것을 알 수 있습니다. 특히 플렉스 랩, 플렉스 방향, 플렉스 성장 등

display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex; 
+0

내 문제에서 언급했듯이 이미이 모든 것을 시도했지만 이것들은 모두 작동하지 않습니다. 일부 마법의 수정이 필요합니다. –

+0

flexbox는 http://caniuse.com/#search=flexbox – Anirudha

+0

에 따라 Safari 10 이상에서만 지원됩니다. @Anirudha는 댓글에 연결된 페이지를 살펴 봅니다. Safari v3.1 - 6은 부분적으로 지원됩니다 :) flexbox 속성 중 일부가 작동하지 않습니다. –

관련 문제