最近のブラウザは CSS グリッド レイアウトをどの程度サポートしていますか?

CSS グリッドのブラウザ サポート: 互換性の調査

CSS グリッドは高度なレイアウト機能で人気が高まるにつれ、ブラウザ間での互換性を理解することが重要です。最初は状況が混乱しているように見えるかもしれませんが、詳しく調べると明確な状況が明らかになります。

Can I Use と 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 は広くサポートされていますが、注意することが重要です。機能の完成度はブラウザごとに異なります。包括的な互換性情報については、「使用できますか」またはブラウザの公式ドキュメントを参照してください。

以上が最近のブラウザは CSS グリッド レイアウトをどの程度サポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。