Полноэкранный режим секции
Полноэкранный режим означает, что секция по умолчанию будет занимать всю высоту экрана.
В режиме редактора Полноэкранный режим не применяется, секция отображается с минимальной высотой.
Если Полноэкранный режим выключен в настройках секции, в режиме редактора и просмотра секция отображается с выбранной фиксированной высотой.
Включение Полноэкранного режима
Полноэкранный режим включается в настройках структуры секции:
Переменные в Полноэкранной секции
В настройках Полноэкранного режима Базовой секции доступны 6 переменных:
- Высота
- Минимальная высота
- Максимальная высота
- Выравнивание контента
- Минимальный отступ сверху
- Минимальный отступ снизу
Рассмотрим переменные подробнее.
Высота
Высота в Полноэкранном режиме занимает 100% экрана, поэтому ее значение выставлено 100%.
Это значение игнорируется, если указана Максимальная высота в пикселях, и она меньше, чем высота экрана.
Например, высота экрана 2000 px, и указана Максимальная высота 1000 px. В этом случае высота секции на любом экране будет 1000 px, несмотря на указанное значение в 100%.
Минимальная высота
Минимальная высота это высота, меньше которой секция не будет на любом экране. Если высота экрана будет меньше минимальной высоты, появится боковой скролл.
Минимальную высоту необходимо выбирать так, чтобы все элементы в секции помещались впритык.
Минимальную высоту необходимо выбирать так, чтобы все элементы в секции помещались впритык.
Это значение фиксированное, поэтому указывается только в пикселях (px)
Максимальная высота
Максимальная высота это высота, больше которой секция не будет даже на самом большом экране.
Например, вы хотите, чтобы секция не была выше 2000 px на любом экране. В этом случае укажите максимальную высоту в пикселях (px).
Если вы не хотите указывать максимальную высоту, поставьте ее значение в AUTO.
AUTO означает, что секция автоматически растянется по высоте экрана.
AUTO означает, что секция автоматически растянется по высоте экрана.
Пример: на анимации ниже максимальная высота секции установлена как 800 px. При изменении высоты экрана высота секции также остается 800 px.
Выравнивание контента
Выравнивание контента определяет расположение контента в секции. Вы можете растянуть контент по высоте секции, прижать контент к верхнему или нижнему краю секции или расположить контент по центру секции.
Минимальный отступ сверху и снизу секции
Это минимальный и максимальный отступ внутри секции до ее контента.
Может быть указан как в фиксированном значении (в пикселях), и в значении VH (viewport height).
Может быть указан как в фиксированном значении (в пикселях), и в значении VH (viewport height).
PX (фиксированное значение)— минимальный/максимальный отступ не будет меньше/больше заданного значения на любом экране.
Используется, если вы хотите сделать отступ до контента одинаковым на любом экране.
Используется, если вы хотите сделать отступ до контента одинаковым на любом экране.
VH (viewport height) — относительная величина.
Используется, если вы хотите сделать отступ до контента зависимым от высоты окна просмотра сайта.
Используется, если вы хотите сделать отступ до контента зависимым от высоты окна просмотра сайта.
Например: если высота окна просмотра 800 px, то 1VH равен 8 px.
Если высота окна просмотра 1000 px, то 1vh равен 10px.
Если высота окна просмотра 1000 px, то 1vh равен 10px.
Переопределение настроек на мобильных
При необходимости переопределите настройки Полноэкранного режима на мобильных устройствах. По умолчанию, значения наследуются с ПК версии.
Если высота наследуется с ПК, возле переменной отображается значок ПК.
При выборе отдельной настройки возле переменной отображается значок мобильного телефона.
При выборе отдельной настройки возле переменной отображается значок мобильного телефона.
Звонок по России бесплатный
8 (800) 555-45-12
© 2012 – 2024 ООО «Флексби»