浏览器对 CSS 网格的支持答案

【问题标题】：Browser support for CSS Grid浏览器对 CSS 网格的支持
【发布时间】：2018-02-14 01:03:03
【问题描述】：

关于 CSS Grid 的浏览器支持情况如何？

我环顾四周，很难理解兼容性的全貌。

如果我去Can I Use，似乎几乎所有的浏览器都支持它。但是如果我去Microsoft documentation，情况就有点变化了。

似乎几乎所有的浏览器都支持 Grid，但除了 Firefox，它们都不支持所有功能。

然后，关于 Edge，我知道它只支持一个不再使用的旧规范，而更新的规范目前正在进行中。

【问题讨论】：

所有模块都会根据需要进行修订。当模块达到Candidate Recommendation 状态（与Working Draft、Editors Draft 等相反）时，这意味着该模块的版本 已完成并准备好供浏览器实施，并且任何更改将添加到以后的版本中。
谢谢，那么当前版本是最后一个版本吗？还是说 Edge 可能在 2 年内不再支持当前的属性？
这样的主要模块不太可能从浏览器中废弃。有关哪些浏览器支持 Grid 布局模块的详细信息，请参阅下面 Michael 的回答（尽管存在实现错误）。
浏览器支持不是意见。投票支持重新开放。

【解决方案1】：

浏览器支持 CSS 网格

这是完整的图片：http://caniuse.com/#search=grid（点击“显示全部”了解更多详情）

【讨论】：

谢谢，不过我不知道摘要是关于什么的 (caniuse.com/#search=grid)。因为它在除 Firefox 之外的所有浏览器上都是黄色的，占 50%。
@rolfo85 关注第一张表，而不是总结。摘要包括对 css 网格和 display: contents 属性组合的支持。
-1 Chrome 在 2019 年中期仍然不支持 grid-template-rows/grid-template-columns 的动画，而 Firefox 在编写此答案时不支持（他们从 66 版开始支持）。答案可能在未来某个地方是正确的，但目前并非如此。
@PhilippSchmid，你在混合苹果和橙子。我的回答是正确的：Major browsers provide full support for CSS Grid。不支持与 CSS Grid 结合使用的动画。那是一个不同的故事。在很多情况下，一个 CSS 模块没有与另一个模块完全集成，但每个模块都由浏览器独立支持。简而言之，完全支持浏览器并不意味着完全支持所有 CSS 模块。