プレフィックスがあっても CSS グリッド レイアウトが IE11 で機能しないのはなぜですか?

プレフィックスがあっても CSS グリッド レイアウトが IE11 で機能しない

CSS グリッド レイアウト標準を遵守し、プレフィックスを使用しているにもかかわらず、一部のユーザーIE11 でレイアウトを正しくレンダリングすると問題が発生します。この記事では、互換性の不一致に対処し、解決策を提供します。

IE11 で使用される古いバージョンのグリッド仕様は、新しい標準で導入された特定のプロパティをサポートしていません。 IE11 との互換性を確保するには、次の変更が必要です。

• repeat() 関数:repeat() 関数は IE11 ではサポートされていません。正しい構文を使用するか、行と列の長さを明示的に宣言してください。
• span キーワード: グリッド セルのスパンを定義するための span キーワードは、IE11 ではサポートされていません。同等のプロパティ、grid-row-span および Grid-column-span を使用します。
• grid-gap プロパティ: グリッド ギャップ プロパティとそのロングハンド形式 (grid-column-ギャップおよびグリッド行ギャップ) は IE11 ではサポートされていません。余白など、グリッド項目を区切る別の方法を検討してください。

さらに、IE11 にはグリッド項目の自動配置がサポートされていません。グリッド項目を適切に配置するには、-ms-grid-row プロパティと -ms-grid-column プロパティを使用してグリッド項目の位置を明示的に定義します。

以上がプレフィックスがあっても CSS グリッド レイアウトが IE11 で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。