Поддерживает ли браузер вашу разметку?

В каком объеме использовать CSS, в первую очередь зависит от поддержки браузером тех или иных свойств.  Если поддержка хотя бы у одного популярного браузера отсутствует, то нет никакого смысла использовать это  CSS-свойство.  

Когда ведется командная работа, разработчикам легче протестировать верстку в самых часто используемых браузерах. Но как быть, когда код пишет один человек? Конечно, лучше заранее узнать поддерживает ли браузер свойство, которое вы собираетесь использовать.

Существует несколько способов, с помощью которых можно решить эту задачу:

1. Caniuse.com - предоставляет возможность проверить свойства CSS, какими браузерами поддерживается и какими версиями. Достаточно набрать нужное свойство в поле Search.

2. CSS проверка. Директива @support была в 2013 году. Работает так же как медиазапросы.

@supports (box-sizing: border-box) {

/* Стили */

}

Если свойство, указанное в скобках поддерживается, то стили применяются.

3. Modernizr - специальный JS-плагин, разработанный для проверки поддержки CSS-свойств браузерами. Также плагин содержит некоторые резервные решения для использования CSS3 и HTML5.