CSS 网格布局(第 1 级)

- CR

使用网格概念布局内容的方法,为作者提供一种机制,可以使用一组可预测的尺寸行为将可用的布局空间划分为列和行。包括对所有 grid-* 属性和 fr 单位的支持。

Chrome

  1. 4 - 24: 不支持
  2. 25 - 28: 不支持(但有可用的填充程序)
  3. 29 - 56: 默认情况下禁用
  4. 57: 支持
  5. 58 - 123: 支持
  6. 124: 支持
  7. 125 - 127: 支持

Edge

  1. 12 - 15: 部分支持
  2. 16 - 123: 支持
  3. 124: 支持

Safari

  1. 3.1 - 5.1: 不支持
  2. 6 - 10: 不支持(但有可用的填充程序)
  3. 10.1 - 17.3: 支持
  4. 17.4: 支持
  5. 17.5 - TP: 支持

Firefox

  1. 2 - 18: 不支持
  2. 19 - 39: 不支持(但有可用的填充程序)
  3. 40 - 51: 默认情况下禁用
  4. 52 - 53: 支持
  5. 54 - 124: 支持
  6. 125: 支持
  7. 126 - 128: 支持

Opera

  1. 9 - 27: 不支持
  2. 28 - 43:默认禁用
  3. 44 - 108:受支持
  4. 109:受支持

IE

  1. 5.5 - 8:不受支持
  2. 9:不受支持(但有可用的填充程序)
  3. 10:部分支持
  4. 11:部分支持

Chrome for Android

  1. 124: 支持

Safari on iOS

  1. 3.2 - 5.1:不受支持
  2. 6 - 10.2:不受支持(但有可用的填充程序)
  3. 10.3 - 17.3:受支持
  4. 17.4: 支持
  5. 17.5:受支持

Samsung Internet

  1. 4:不受支持(但有可用的填充程序)
  2. 5:不受支持
  3. 6.2 - 23:受支持
  4. 24:受支持

Opera Mini

  1. 全部:不受支持

Opera Mobile

  1. 10 - 12.1:不受支持
  2. 80:受支持

UC Browser for Android

  1. 15.5:受支持

Android Browser

  1. 2.1 - 4.1:不受支持
  2. 4.2 - 4.4.4:不受支持(但有可用的填充程序)
  3. 124: 支持

Firefox for Android

  1. 125: 支持

QQ Browser

  1. 14.9:受支持

Baidu Browser

  1. 13.52:受支持

KaiOS Browser

  1. 2.5:受支持
  2. 3:受支持

另请参阅对 子网格 的支持

资源
基于旧规范的填充程序
基于新规范的填充程序
Css Grid By Example:学习 CSS 网格布局所需的一切
Mozilla:CSS 网格布局简介
WebKit 博客文章