浏览器支持 CSS 网格
Browser support for CSS Grid
关于 CSS 网格的浏览器支持情况如何？
我环顾四周，很难理解兼容性的全貌。
如果我去Can I Use, it seems almost all browsers support it. But if I go to Microsoft documentation，情况会有点变化。
似乎几乎所有浏览器都支持 Grid，但除了 Firefox，none 支持所有功能。
然后，关于Edge，我了解到它只支持不再使用的旧规范，目前正在进行更新。
浏览器支持 CSS 网格
- Chrome - 截至 2017 年 3 月 8 日的全面支持（版本 57）
- Firefox - 截至 2017 年 3 月 6 日的全面支持（版本 52）
- Safari - 截至 2017 年 3 月 26 日的全面支持（版本 10.1）
- Edge - 截至 2017 年 10 月 16 日的全面支持（版本 16）
- IE11 - 不支持当前规范；支持过时版本
- IE10 - 不支持当前规范；支持过时版本
完整图片如下：http://caniuse.com/#search=grid（点击"Show all"了解更多详情）
Chrome、Edge 和可能的其他 Chromium-based 浏览器不完全支持网格和弹性布局！ Chromium 86（2020 年 8 月）中添加了对 fieldsets 中 grid 和 flex 的基本支持，但打印时仍然不起作用。
见https://bugs.chromium.org/p/chromium/issues/detail?id=1298079. And here are workarounds:
关于 CSS 网格的浏览器支持情况如何？
我环顾四周，很难理解兼容性的全貌。
如果我去Can I Use, it seems almost all browsers support it. But if I go to Microsoft documentation，情况会有点变化。
似乎几乎所有浏览器都支持 Grid，但除了 Firefox，none 支持所有功能。
然后，关于Edge，我了解到它只支持不再使用的旧规范，目前正在进行更新。
浏览器支持 CSS 网格
- Chrome - 截至 2017 年 3 月 8 日的全面支持（版本 57）
- Firefox - 截至 2017 年 3 月 6 日的全面支持（版本 52）
- Safari - 截至 2017 年 3 月 26 日的全面支持（版本 10.1）
- Edge - 截至 2017 年 10 月 16 日的全面支持（版本 16）
- IE11 - 不支持当前规范；支持过时版本
- IE10 - 不支持当前规范；支持过时版本
完整图片如下：http://caniuse.com/#search=grid（点击"Show all"了解更多详情）
Chrome、Edge 和可能的其他 Chromium-based 浏览器不完全支持网格和弹性布局！ Chromium 86（2020 年 8 月）中添加了对 fieldsets 中 grid 和 flex 的基本支持，但打印时仍然不起作用。
见https://bugs.chromium.org/p/chromium/issues/detail?id=1298079. And here are workarounds: