Когда новичок впервые открывает CSS, он видит десятки странных обозначений: px, em, rem, pt, vw... Глаза разбегаются. А опытные верстальщики спорят до хрипоты: «Пиксели — зло!» или «Наоборот, em — это боль!». Давайте раз и навсегда разберемся, какие единицы измерения существуют в веб-верстке, что из этого реально используют топовые разработчики, а что осталось в прошлом веке. Все единицы в HTML/CSS делятся на два лагеря. Абсолютные — это как линейка. Они не зависят ни от чего. Поставил 2 см — будет 2 см (ну, почти)...

Открой любой сайт на телефоне. Если текст читаемый, кнопки нажимаются пальцем и не нужно тянуть страницу вбок — перед тобой адаптивная верстка. Если нет — это сайт из 2009 года, который никто не трогал. По данным на 2025 год, 64% всего мирового веб-трафика идёт с мобильных устройств. Больше половины твоих посетителей смотрят сайт с телефона. И Google при ранжировании первым делом смотрит именно на мобильную версию — это называется mobile-first indexing. Адаптивная верстка сегодня — не опция, а базовое требование к любому сайту...