@supports CSS 规则无法正常工作

Question

在 iOs 设备中 background-attachment: fixed; 不起作用，所以我通过使用 @supports CSS 规则找到了解决方法。

它在 testground 站点上工作正常，但是当我尝试将它应用到主站点时 css 它没有工作。

在 testground 站点中，我通过以下方式将其直接应用到 <head>：

<style>
.paral2 {
    min-height: 300px;
    background-attachment: fixed;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    }
@supports (-webkit-touch-callout: none) {
.paral2 {
    min-height: 300px;
    background-attachment: scroll;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    }
}
</style>

但是在主站点我必须使用（根据客户要求）style.css 文件，所以我这样应用它：

@supports (-webkit-touch-callout: none) {
.paral {
    min-height: 300px;
    background-attachment: scroll;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    }
}

.paral {
min-height: 300px;
background-attachment: fixed;
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}

它不起作用，我不知道为什么，我完全迷失了。

可能是相关的，在 style.css 文件中 @supports 规则及其后续元素看起来很奇怪，请参见下图：

只有 .paral class 中的第一个元素会变成黄色。

如有任何帮助，我们将不胜感激，并一如既往地提前致谢。

Answer 1

原来 @support 规则运行良好，问题是清除 phone 的缓存，如果我没有清除 phone 的整个历史记录，更改永远不会完全应用了，我觉得很傻，但至少解决了。

@supports CSS 规则无法正常工作

The @supports CSS at-rule is not working properly

css

webkit

ios

bootstrap-4