Сегодня я поделюсь с вами одним трюком, с которым я столкнулся, работая с CSS. С его помощью можно динамически масштабировать любой HTML-элемент, а заодно устранить многие причины, по которым раньше приходилось писать медиа-запросы...

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