8 (499) 3-777-413

CSS reset — кроссбраузерное решение в 2020 году

Много воды утекло с тех пор, как Internet Explorer считался браузером. В 2020 году 90 процентов рынка занимают три браузера: Google Chrome, Mozilla Firefox и Opera. Также каждый уважающий себя поисковый сервис считает своим долгом выпустить собственный браузер, являющийся по сути форком Google Chrome. У Apple есть свой браузер Safari.

Яндекс браузер скубиду мем
Как-то так обстоят дела в мире браузеров

Большинство браузеров (все кроме Firefox) базируются в данный момент на ядре Chromium, поэтому в целом из коробки все браузеры отображают HTML документы более-менее одинаково. Мобильные веб-браузеры и браузеры мобильных приложений также в большинстве своём основаны на хромиум, такая вот почти-что технологическая сингулярность.

Modern-normalize.css

Если до 2020 года для сброса CSS свойств в браузере мы использовали normalize.css, то после 2020 года мы будем использовать modern-normalize.css. Устанавливаем modern-normalize в проект как зависимость:

$ npm install modern-normalize

Подключим modern-normalize в проект:

// Так
@import 'node_modules/modern-normalize/modern-normalize.css';
<!-- Или так --!>
<link rel="stylesheet" href="node_modules/modern-normalize/modern-normalize.css">

Готово. И больше никакой поддержки старых браузеров.