Ширина и высота любого элемента (раздела, контейнера, изображения, текста) настраиваются в блоке «Размер» на панели свойств. Это не одно фиксированное число, а один из четырёх режимов, которые определяют, как элемент будет вести себя при изменении контента или размера экрана.

Режимы размера

Для ширины и высоты отдельно можно выбрать один из режимов через выпадающий список рядом со значением

Точно

Фиксированное значение в пикселях, задаётся вручную (например, 110 px). Элемент не меняет размер сам по себе.

Растянуть

Элемент растягивается на всю доступную ширину или высоту родительского блока.

Сжать

Элемент сжимается по ширине или высоте до размера своего содержимого (контента).

Экран

Только для высоты. Аналог vh — высота задаётся в процентах от высоты экрана устройства. Доступен только для раздела (корневого блока страницы).

Важно: выпадающий список не всегда показывает все четыре режима — он контекстно-зависимый. В списке отображаются только те режимы, которые применимы прямо сейчас к выбранному элементу и его текущему родителю; неприменимые варианты в список просто не попадают.

Правила размера для раздела

У раздела (корневого блока страницы) режимы размера ограничены:

• Ширина — всегда «Растянуть» и не может быть изменена. Раздел всегда растянут на всю ширину страницы.

• Высота — доступны только «Точно» (фиксированная высота в пикселях) и «Экран» (высота в процентах от высоты экрана, аналог vh).

Для всех остальных элементов внутри раздела (контейнеров, изображений, текста) доступны все режимы, кроме - Экран

Правило автокоррекции «Сжать → Точно». Есть одна важная комбинация с автоматическим последствием: если родительский блок находится в режиме «Сжать» по какой-то оси, а пользователь ставит дочернему элементу по этой же оси режим «Растянуть», то родитель больше не может оставаться в «Сжать» — он автоматически переключается в «Точно» и фиксируется текущим вычисленным значением ширины/высоты.

Логика простая: «Сжать» у родителя означает «подстраивайся под размер содержимого», а «Растянуть» у потомка означает «займи всё доступное место в родителе» — одновременно оба условия выполнить невозможно. Чтобы не допустить сжатия, конструктор сам корректирует размер, зафиксировав родителя в «Точно». Это основное правило, а не редкое исключение — оно срабатывает каждый раз, когда возникает такая комбинация, а не только при копировании или смене шаблона.

Минимальные и максимальные размеры

Кнопка «+» в заголовке блока «Размер» открывает меню с четырьмя дополнительными ограничениями:

• Макс. ширина

• Макс. высота

• Мин. ширина

• Мин. высота

После выбора пункта в блоке «Размер» появляется новое поле с этим ограничением — со своим значением (аналогично «Ширине» и «Высоте»). Убрать ограничение можно кнопкой «✕» рядом с его названием.