Что такое кроссбраузерность

Кроссбраузерность — это способность веб-приложения или сайта корректно отображаться и работать во всех основных браузерах (Chrome, Firefox, Safari, Edge и т. д.) с одинаковым поведением и внешним видом.

Проблемы и решения:

• Разные браузеры могут интерпретировать CSS/JS по-разному.
• Устаревшие браузеры (IE) могут не поддерживать современные фичи.

Как добиться:

1. Использовать CSS-префиксы (-webkit-, -moz-).
2. Проверять поддержку API через caniuse.com.
3. Применять полифиллы для старых браузеров.
4. Тестировать в разных окружениях (BrowserStack, Sauce Labs).

Пример с префиксами:

.box {
  -webkit-border-radius: 5px; /* Chrome, Safari */
  -moz-border-radius: 5px;    /* Firefox */
  border-radius: 5px;         /* Стандарт */
}