최신 브라우저는 CSS 그리드 레이아웃을 얼마나 잘 지원합니까?

CSS Grid에 대한 브라우저 지원: 호환성 탐색

CSS Grid가 고급 레이아웃 기능으로 인기를 얻으면서 브라우저 간 호환성을 이해하는 것이 중요합니다. . 처음에는 상황이 혼란스러워 보일 수 있지만 자세히 살펴보면 상황이 명확해집니다.

Can I Use vs. Microsoft Documentation

Can I Use에 대한 브라우저 지원을 확인할 때, 이는 CSS 그리드에 대한 광범위한 지원을 제안합니다. 그러나 Microsoft 설명서에서는 약간 다른 그림을 보여줍니다. 이러한 불일치는 많은 브라우저가 Grid를 지원하지만 기능 완성도 수준이 다양하기 때문에 발생합니다.

주요 브라우저의 현재 상태

• Chrome: 2017년 3월부터 전체 지원(버전) 57)
• Firefox: 2017년 3월부터 전체 지원(버전 52)
• Safari: 2017년 3월부터 전체 지원(버전 10.1)
• 엣지: 2017년 10월부터 전체 지원(버전 16)
• IE11: 현재 사양을 지원하지 않습니다. 더 이상 사용되지 않는 버전을 지원합니다
• IE10: IE11과 유사합니다. 더 이상 사용되지 않는 버전 지원

Edge의 독특한 상황

Edge는 이전의 대체된 CSS 그리드 사양을 지원한다는 점이 돋보입니다. 이러한 제한은 기본 엔진인 EdgeHTML에서 비롯됩니다. 그러나 Microsoft는 현재 Grid 사양을 완벽하게 구현할 새로운 버전의 Edge를 개발하고 있습니다.

결론

CSS Grid는 광범위한 지원을 받고 있지만, 브라우저 전반에 걸쳐 기능 완성도가 다양합니다. 포괄적인 호환성 정보는 Can I Use 또는 공식 브라우저 설명서를 참조하세요.

위 내용은 최신 브라우저는 CSS 그리드 레이아웃을 얼마나 잘 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!