220 подписчиков
Новые единицы измерения в CSS 🛁
Сегодня я тебя познакомлю с новыми единицами измерения созданные специально для контейнеров, они задают длину относительно его размеров
cqw
Представляет собой процент от ширины контейнера. 1cqw - это 1% от его ширины. Например, если ширина контейнера составляет 800px, то значение 50cqw для свойства будет равно 400px.
cqh
То же самое, что и cqw, только относительно высоты контейнера
cqi
Представляет собой процент от inline-size контейнера. 1cqi - это 1% от inline-size контейнера. Например, если inline-size контейнера составляет 800px, то значение 50cqi для свойства будет равно 400px.
cqb
То же самое, что и cqi, только от block-size
cqmin
Наименьшее между cqi и cqb
cqmax
Наибольшее между cqi и cqb
Около минуты
7 июля 2023
496 читали