Как решаешь задачу с разным набором правил для разных браузеров с помощью вендорных префиксов

Использую автопрефиксер (например, через PostCSS или плагины для сборщиков), который автоматически добавляет нужные вендорные префиксы на основе данных Can I Use. Это избавляет от ручного прописывания префиксов и гарантирует актуальность.

Пример:

/* Пишу без префиксов */
.box {
  transform: rotate(45deg);
  transition: transform 0.3s;
}

/* Автопрефиксер добавит: */
.box {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

Для редких случаев, где автопрефиксер не покрывает специфичные браузерные хаки, добавляю ручные правила с @supports или условными комментариями для IE.