基本支持用法

@supports (display: flex) {
  /* Flexbox is available, so use it */
  .my-container {
    display: flex;
  }
}

在语法方面，@supports 与 @media 非常相似，但是 @supports 不会检测屏幕大小和方向，而是检测浏览器是否可以处理给定的 CSS 规则。

而不是做像 @supports (flex) 这样的事情，请注意规则是 @supports (display: flex)。