Кроссбраузерность – это возможность сайта в разных браузерах отображаться одинаково. Задумываться об этом стоит на этапе верстки, чтобы потом не хвататься за голову, так как не везде будет корректная его видимость. Зависит это напрямую от того движка, что используется браузером, так как они по-разному обрабатывают и принимают HTML и CSS.
Основными движками являются Гекко, на нем работают Мозила Файерфокс и ТОР, Блинк, а точнее все браузеры проекта Хромиум (Яндекс, Опера, Вивальди, Хром и так далее), ВебКит и другие.
Верстальщики отлично знают, как добиться того, чтобы сайт был правильно и корректно виден на любом браузере. Например, для этого применяются префиксы, которые прописываются в коде для CSS и используются для определенных браузеров: О – для Опера, MOZ – для Мозиллы.
Применяются так называемые CSS-хаки, которые срабатывают лишь на конкретном браузере, есть еще методика подразделения стилей.
Все эти способы работают по-разному: лучшим вариантом будет для кроссбраузерной верстки применение префиксов. Код становится большим по размеру, но остается понятным и, главное, валидным.
Хаки метод нежелательный, приводящий по большей части к плохой поддержке сайта в будущем, а код будет мало читабельным, невалидным
Разделение стилей подойдет при работе с Интернет Эксплорер и его более новой версии – Edgе.