@supports (-webkit-flex-wrap: wrap) 在 Safari 支持时不返回 true答案

【问题标题】：@supports (-webkit-flex-wrap: wrap) doesn't return true when Safari does support it@supports (-webkit-flex-wrap: wrap) 在 Safari 支持时不返回 true
【发布时间】：2015-04-22 07:46:26
【问题描述】：

我使用的是 Safari 7.x。

我有以下总是返回 false 的功能查询。

@supports (-webkit-flex-wrap: wrap) {
}

当 safari 确实理解 -webkit-flex-wrap 时，我需要使用什么语法才能返回 true？

【问题讨论】：

标签： css safari flexbox browser-feature-detection

【解决方案1】：

很抱歉让您失望，但 Safari 目前不支持 CSS @supports 规则。 According to caniuse.com 和 MDN，仅支持 Firefox 22+、Chrome 28+ 和 Opera 12.1+。对于 Internet Explorer 和 Safari，您仍然必须使用基于 JavaScript 的功能检测。

这是一个示例特征检测脚本，它将supports-webkit-flex-wrap 添加到 DOM 中的根元素。

if ('webkitFlexWrap' in document.documentElement.style) {
    document.documentElement.classList.add('supports-webkit-flex-wrap');
}

然后您可以使用该类名应用样式。

.supports-webkit-flex-wrap {
}

【讨论】：

甜，我要去试试。谢谢你的时间！我会尽快接受..
完美运行，谢谢！您是否知道是否可以在一个声明中结合 @supports() 或类名？
@rix 我想不出任何方法来组合它们，不。对不起。