html - css @support 不适用于移动浏览器

Question

我正在尝试在支持它的浏览器和不支持backdrop-filter它的浏览器上使用该属性background-color。

  .backdrop-filter {
    background-color: black;
  }

@supports (
  (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))
) {
  .backdrop-filter {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}

上面的代码在网络浏览器上运行良好，但我在移动浏览器上没有得到想要的结果。我的语法错了吗？

提前致谢！

标签： htmlcsswebmobilecross-browser