CSS 網格佈局(第 1 級)

- CR

一種使用網格概念來配置內容的方法,提供一種機制讓作者可以使用一組可預測的調整大小行為,將可用的配置空間分割成欄和列。包含對所有 grid-* 屬性和 fr 單位的支援。

Chrome

  1. 4 - 24: 不支援
  2. 25 - 28: 不支援(但有可用的 polyfill)
  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: 不支援(但有可用的 polyfill)
  3. 10.1 - 17.3: 已支援
  4. 17.4: 已支援
  5. 17.5 - TP: 已支援

Firefox

  1. 2 - 18: 不支援
  2. 19 - 39: 不支援(但有可用的 polyfill)
  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: 不支援(但有可用的 polyfill)
  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 Grid Layout 所需的一切
Mozilla:CSS Grid Layout 簡介
WebKit 部落格文章