접두사가 있어도 CSS 그리드 레이아웃이 IE11에서 작동하지 않는 이유는 무엇입니까?

접두사가 있어도 CSS 그리드 레이아웃이 IE11에서 작동하지 않습니다.

CSS 그리드 레이아웃 표준을 준수하고 접두사를 사용함에도 불구하고 일부 사용자는 IE11에서 레이아웃을 올바르게 렌더링하는 데 문제가 발생합니다. 이 문서에서는 호환성 불일치를 다루고 해결책을 제공합니다.

IE11에서 사용하는 이전 버전의 Grid 사양은 최신 표준에 도입된 특정 속성을 지원하지 않습니다. IE11과의 호환성을 보장하려면 다음 수정이 필요합니다.

• repeat() 함수: IE11에서는 Repeat() 함수가 지원되지 않습니다. 올바른 구문을 사용하거나 행 및 열 길이를 명시적으로 선언하세요.
• span 키워드: 그리드 셀 범위를 정의하는 범위 키워드는 IE11에서 지원되지 않습니다. 동등한 속성인 Grid-row-span 및 Grid-column-span을 사용합니다.
• grid-gap 속성: Grid-gap 속성과 긴 형식(grid-column- gap 및 Grid-row-gap)은 IE11에서 지원되지 않습니다. 여백과 같은 그리드 항목을 분리하는 대체 방법을 살펴보세요.

또한 IE11에는 그리드 항목 자동 배치에 대한 지원이 부족합니다. 그리드 항목의 올바른 배치를 보장하려면 -ms-grid-row 및 -ms-grid-column 속성을 사용하여 해당 위치를 명시적으로 정의하세요.

위 내용은 접두사가 있어도 CSS 그리드 레이아웃이 IE11에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!