Webkit 용 CSS3 Grid Layout을 구현하고 있습니까?

Question

CSS Grid Layout, Editor’s Draft, 21 November 2011

내가 선택한 장치와 브라우저에서 클라이언트에 표시됩니다 프로토 타입을 제작하는 와중에입니다. 나는이 시점에서 브라우저 간 호환성에 대해 걱정하지 않는다.

IE10 개발자 미리보기는 다음과 같습니다

display: -ms-grid; 
-ms-grid-columns: ; 
-ms-grid-rows: ; 
-ms-grid-column: ; 
-ms-grid-row: ; 
-ms-grid-row-align: stretch; 
columns: ; 
column-fill: auto; 
column-gap: ; 

모질라는 (아직, 작동하는지 내가 테스트하지 않았습니다) 위의 유사 데 회피한다. 그러나, 매우 다른 구현을 가지고있는 것 같습니다 웹킷 : 이제

display: -webkit-box; 
-webkit-columns: ; 
-webkit-column-gap: ; 

를, 웹킷 같은 사양을 사용하여, 또는 완전히 다른 모델이 있나요? 이 같은 사양을 사용하는 경우, 당신은 구문가 무엇인지 말해 줄 수 :

grid-columns: ; 
grid-rows: ; 
grid-column: ; 
grid-row: ; 

, 그것은 다른 모델을 사용하는 경우, 당신이 나 구문이 무엇인지 알려 주시기 바랍니다 수 있으며 어떻게 다른지 MS E10. 참고가 인정 될 것이다.

Google 크롬 카나리아가 설치되어 있고 웹킷에서 그리드를 테스트 할 수있는 최신 버전의 사파리가 있습니다.

Answer 1

http://caniuse.com/css-grid

2017년 3월로, 꽤 많은 브라우저는 이제 CSS 그리드 레이아웃을 지원합니다

---

된 답 :

여기, 작품에 뭔가있다 그것의 구현을위한 전체 이슈 트리입니다 :

https://bugs.webkit.org/showdependencytree.cgi?id=60731&hide_resolved=0

여기 this file 일부 CSS의 :

.gridWithFixed { 
    display: -webkit-grid; 
    -webkit-grid-columns: 7px 11px; 
    -webkit-grid-rows: 17px 2px; 
} 

당신은 의도를 볼 수 있습니다. 불행히도, 그들은 CSS를 파싱하는 것만을 가지고 있습니다.

그래서 현재 WebKit에는이 기능이 작동하지 않습니다.

Grid Layout은 매우 열악한 지원을하고 있지만 Flexbox은 분명히 IE10을 지원합니다. 대신 Flexbox를 사용하는 것이 좋습니다.

Answer 2

Chrome Canary은 CSS Grid Layout TR 20130910을 구현합니다. 일부 부동산 이름에 약간의 차이가 있음을 발견했습니다. Steven Bradley summarizes the TR 및 그리드 레이아웃을 사용하여 시작하는 방법에 대해서는 instructions and examples을 제공합니다. , 카나리아에서 실험 기능을 활성화 복사하고 주소 표시 줄

chrome://flags/#enable-experimental-web-platform-features 

에 다음을 붙여 클릭 '수'.