基本支援用法

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

在語法方面，@supports 與 @media 非常相似，但是 @supports 不會檢測螢幕大小和方向，而是檢測瀏覽器是否可以處理給定的 CSS 規則。

而不是做像 @supports (flex) 這樣的事情，請注意規則是 @supports (display: flex)。