@supports (-webkit-flex-wrap: wrap) не возвращает true, когда Safari поддерживает его

Question

Я использую Safari 7.x.

У меня есть следующий запрос функции, который всегда возвращает false.

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

Что синтаксис мне нужно использовать для этого, чтобы вернуться верно, когда сафари действительно понять -webkit-flex-wrap?

Answer 1

Извините, что разочаровал, но Safari в настоящее время не поддерживает правило CSS @supports. According to caniuse.com и MDN, поддерживается только в Firefox 22+, Chrome 28+ и Opera 12.1+. Вам все равно придется использовать функцию обнаружения на основе JavaScript для Internet Explorer и Safari.

Вот пример сценария обнаружения объектов, который добавляет supports-webkit-flex-wrap к корневому элементу в DOM.

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

Тогда вы можете применять стили, используя это имя класса.

.supports-webkit-flex-wrap { 
}