css - 浏览器对 CSS 网格的支持

标签 css cross-browser css-grid

浏览器对 CSS Grid 的支持情况如何?

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

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

似乎几乎所有的浏览器都支持 Grid,但是除了 Firefox 之外,没有一个支持所有的特性。

然后,关于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 (点击“显示全部”了解更多详情)

关于css - 浏览器对 CSS 网格的支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46059956/

相关文章:

html - 页脚元素周围的额外空间

javascript - Bootstrap 导航移动下拉自动展开

CSS 覆盖后续属性

html - DIV 定位——跨浏览器问题

css - 如何使用 css 网格正确格式化同一网格区域中的 2 个元素

CSS4 Grid-Structural 伪类 polyfill ( :nth-column)

html - 相对于整个页面而不是视口(viewport)设置正文背景

css - Bootstrap 3 表单复选框标签与 Chromium + Firefox 中的复选框输入不对齐

android - 如何跨浏览器标准化 Helvetica Neue 行高(与粗体文本无关)?

html - CSS 网格行不动?