Compat2021은 인터넷을 개선하기 위한 Google과 Microsoft의 공동 이니셔티브입니다.

마이크로소프트와 힘을 합친다 Google, Igalia 및 웹 커뮤니티에서 #Compat2021. 이 움직임의 목표는 다양한 웹 브라우저에 대한 호환성을 개선하는 것입니다. 회사는 다섯 가지 주요 영역에서 개선 작업을 수행할 것입니다.

공동 작업 그룹은 기능 사용 데이터, 숫자, 각 벤더 추적 시스템의 버그 수(또는 특정 버그에 대한 별/찬성 수), 다양한 설문 조사 피드백, 사용해도 되나요 데이터 및 테스트 결과 웹 플랫폼 테스트. Microsoft는 Edge 팀의 목표가 2021년에 Chromium이 CSS 그리드 테스트의 100%를 통과하도록 하는 것이라고 말합니다.

2021년의 주요 초점 영역은 CSS Flexbox, CSS 그리드, CSS position: sticky, CSS 종횡비 속성 및 CSS 변환입니다.

CSS Flexbox는 웹에서 널리 사용되며 자동 높이 플렉스 컨테이너에 이미지 크기 조정 문제가 있습니다. 모든 최신 브라우저에서 85%의 테스트를 통과했기 때문에 선택되었으며, MDN 브라우저 호환성 보고서.

CSS 그리드는 인기 있는 빌딩 블록이기도 합니다. 여전히 웹 브라우저 간에 호환성 문제가 있습니다. 또한 Chromium에서는 애니메이션을 지원하지 않지만 Firefox에서는 애니메이션을 지원합니다.

CSS 변환이 사용됩니다. 페이지 로드의 80%에서. 그것은 가지고있다 테스트 통과율 55% 웹 플랫폼 테스트에 있으므로 Chromium, Gecko(Firefox) 및 WebKit을 비롯한 최신 웹 엔진 각각에서 개선의 여지가 있습니다.

이러한 호환성 개선의 진행 상황을 추적할 수 있습니다. 다음 페이지에서. 이 정보는 Edge 및 Chrome용 Dev 및 Stable, Firefox용 Stable 및 Nightly, Safari용 Stable 및 Preview를 비롯한 릴리스 채널별로 구성되어 있습니다.