How Well Do Modern Browsers Support CSS Grid Layout?

Browser Support for CSS Grid: Exploring Compatibility

As CSS Grid gains popularity for its advanced layout capabilities, understanding its compatibility across browsers is crucial. While the situation can appear confusing at first, closer examination reveals a clear landscape.

Can I Use vs. Microsoft Documentation

When checking browser support on Can I Use, it suggests widespread support for CSS Grid. However, Microsoft's documentation paints a slightly different picture. This discrepancy arises because many browsers support Grid but with varying levels of feature completeness.

Current Status of Major Browsers

• Chrome: Full support since March 2017 (version 57)
• Firefox: Full support since March 2017 (version 52)
• Safari: Full support since March 2017 (version 10.1)
• Edge: Full support since October 2017 (version 16)
• IE11: Does not support the current specification; supports an obsolete version
• IE10: Similar to IE11; supports an obsolete version

Edge's Unique Situation

Edge stands out by supporting an older, superseded CSS Grid specification. This limitation stems from its underlying engine, EdgeHTML. However, Microsoft is developing a new version of Edge that will fully implement the current Grid specification.

Conclusion

While CSS Grid enjoys widespread support, it is essential to note the varying degrees of feature completeness across browsers. For comprehensive compatibility information, refer to Can I Use or the official browser documentation.

The above is the detailed content of How Well Do Modern Browsers Support CSS Grid Layout?. For more information, please follow other related articles on the PHP Chinese website!