Определить, поддерживает ли браузер "@supports"? - PullRequest
0 голосов
/ 01 мая 2018

Я понимаю, что это может быть глупый вопрос, потому что я все равно возвращаюсь к веб-разработчику через некоторое время, поэтому, пожалуйста, не стесняйтесь просветить меня! Мне кажется, что искусство взлома CSS (как когда-то, чтобы перехватить старые браузеры IE) может быть использовано для заполнения разрыва между запросами new-ish @supports и старыми браузерами, которые не поддерживают эти функции . Потенциал, чтобы спасти себя и свой сайт от многих javascript? Даже помощь в сбрасывании JavaScript в небольших проектах. Кто-нибудь знает о каких-либо подобных проектах? Возможно также, что мне не удалось найти правильные ключевые слова ...

1 Ответ

0 голосов
/ 01 мая 2018

Да, вы можете сделать это с помощью следующих команд:

Все следующие примеры действительны:

@supports not (not (transform-origin: 2px)) - для тестового браузера без поддержки

или

@supports (display: grid) - для тестового браузера с поддержкой

или

@supports (display: grid) and (not (display: inline-grid)). - для проверки обоих

См. MDN для получения дополнительной информации: https://developer.mozilla.org/en-US/docs/Web/CSS/@supports

...