Использовать вендорные префиксы: -webkit-, -moz-, -ms-, -o-. Проверять поддержку свойств с помощью caniuse.com. Использовать PostCSS с AutoPrefixer для автоматического добавления префиксов. Применять CSS-ресеты или normalize.css. Использовать Modernizr для определения поддержки функций и условной загрузки стилей.

Пример использования AutoPrefixer:

js

Пример использования Modernizr:

html

css

Таблица с распространенными вендорными префиксами:

Свойство	Chrome, Safari, Opera	Firefox	Internet Explorer	Opera Mini
`transition`	`-webkit-transition`	`-moz-transition`	`-ms-transition`	`-o-transition`
`transform`	`-webkit-transform`	`-moz-transform`	`-ms-transform`	`-o-transform`
`animation`	`-webkit-animation`	`-moz-animation`	`-ms-animation`	`-o-animation`
`linear-gradient`	`-webkit-linear-gradient`	`-moz-linear-gradient`	`-ms-linear-gradient`	`-o-linear-gradient`

Как решить проблему несовместимости некоторых CSS-свойств в различных браузерах?