Автоскейл и контентная сетка

Контентная сетка — это ширина колонки, в которой лежит контент, и минимальные отступы по краям. Автоскейл включает увеличение этой страницы на большом мониторе: она растёт целиком, вместе с текстом, картинками и отступами, а не остаётся узкой полоской по центру.

Как открыть

Для перехода к настройкам контентной сетки и автоскейла воспользуйтесь любым из способов ниже:

• Используя панель слоёв перейдите в настройки слоя «Страница»
• В шапке редактора нажмите на указанную в px ширину экрана. В верхней части окна появится блок параметров контентной сетки и автоскейла. Нажмите на иконку шестерёнки.

Справа в панели настроек откроется блок «Контентная сетка».

Контентная сетка

В блоке два поля.

Левое — ширина контента. Правое — минимальные отступы по бокам.

Для удобства есть пресеты с готовыми вариантами контентной сетки:

• Компактная — 960px, отступ 20px
• По умолчанию — 1150px, отступ 25px
• Современная — 1280px, отступ 35px
• Широкая — 1320px, отступ 40px
• Очень широкая — 1400px, отступ 50px
• Ультра широкая — 1600px, отступ 60px

Автоскейл

При включении автоскейла появятся настройки «От» и «До».
«От» означает с какой ширины окна начинать увеличивать страницу.
«До» означает где остановиться. «Авто» означает не останавливаться, автоскейл будет применяться и на очень широких экранах.

Пример

Предположим, что вы задали следующие настройки сетки:
Ширина сетки: 1150px
Минимальные отступы: 25px
Автоскейл: включён
«От»: 1440px
«До» 1920px

Тогда поведение страницы у посетителя будет следующим:

• Если экран менее 1200px, страница будет пропорционально уменьшена и вписана в экран.
• Если экран от 1200px до 1440px, страница останется исходного размера: контент будет располагаться по ширине 1150px. По бокам будут появляться отступы.
• Если экран от 1440px до 1920px, страница будет пропорционально увеличена на всю ширину экрана.
• Если экран шире 1920px, страница больше не увеличится и останется такого же размера, как на экране 1920px.