Единицы измерения и свойства элементов
Помимо абсолютных единиц измерения, таких как пиксели (px) в конструкторе также есть относительные. Они используются для установки размера или расстояния относительно чего-либо. Рассказываем подробнее об этих единицах:
- vh – задаёт размер в процентах от высоты области просмотра;
- vw – задаёт размер в процентах от ширины области просмотра;
- % — задаёт размер в процентах относительно родительского элемента (используется для элементов внутри дизайн-блока, например);
Для дизайн-блока и его элементов, таких как кнопка, текст, изображение, а также для группы элементов можно задать свойство fit. Оно позволяет подстроить контент под те или иные размеры:
- В случае с кнопкой – ширина и высота подстраиваются под контент внутри кнопки;
- В случае с текстом – контейнер элемента подстраивается под размер текста;
- В случае с изображением – можно полностью «вписать» изображение в контейнер того или иного размера;
- В случае с группой элементов – ширина и высота подстраиваются под контент внутри группы.
Несколько советов по работе с полями единиц измерений в сайдбаре (боковом меню):
1. Кликнув в поле с числом сразу выделяется всё значение, чтобы можно было быстрее ввести новое число:
2. В поля можно сразу ввести единицу измерения вместе с числом, чтобы не выбирать её из списка отдельно. Например «100px» или «100%»:
3. Можно поставить курсор в поле и быстро менять число с помощью клавиатуры. Клавиши ↓ или ↑ – изменяют на 1 пункт, а сочетание Shift + ↓ или ↑ – изменяют на 10:
