Мобильная адаптация

Инструмент мобильной адаптации позволяет управлять тем, как колонки внутри блока перестраиваются или изменяют ширину на мобильных устройствах.

Настройки становятся доступными, если в блоке больше 1 колонки.

Варианты адаптации

Перестраивать с расширением

Колонки перестраиваются в один столбец и растягиваются на всю ширину экрана. Доступно для любого числа колонок.

Перестраивать без расширения

Колонки перестраиваются в один столбец без их растягивания. Доступно для любого числа колонок.

Сжимать без перестроения

Все колонки остаются в одной строке и уменьшаются по ширине. Доступно для любого числа колонок.

Перестраивать 1+2 с расширением

Первая колонка — отдельной строкой, две остальные — ниже в одну строку. Доступно для 3 колонок.

Перестраивать 2+1 с расширением

Первые две колонки объединяются в строку, третья переносится ниже и расширяется. Доступно для 3 колонок.

Перестраивать 2+2 с расширением

Две колонки в первой строке, две — во второй. Доступно для 4 колонок.

Если медиазапросы не поддерживаются

В средах, где медиазапросы недоступны, применяется базовое поведение — перестраивать без расширения для любого перестроения или сжимать без перестроения.

Правила отображения элементов

Для любого элемента (кроме колонки) доступны правила отображения:

• Везде

• Десктоп

• Мобильный

Это позволяет показывать разные элементы в зависимости от устройства.

Например, в блок можно добавить:

• горизонтальное изображение — отображать только на десктопе

• квадратное изображение — отображать только на телефоне