Для вычисления резиновых значений ширины и высоты в CSS можно использовать относительные единицы измерения, такие как проценты или vw и vh. 1. Проценты: Проценты вычисляются относительно родительского элемента. Например, если у родительского элемента ширина 500px, а вы задаете дочернему элементу ширину 50%, то его ширина будет равна 250px (50% от 500px). Таким образом, при изменении ширины родительского элемента, размер дочернего элемента также будет изменяться пропорционально. 2. vw и vh: vw и vh...

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