Время настройки: 1 минута

Расширенный автоскейл

Сокращает время на вёрстку — добавляет автоскейл с уменьшением, масштабирование страницы по своим брейкпоинтам и позволяет масштабировать стандартные блоки.

Автоскейл для Zero‑блоков

Масштабирование стандартных блоков

Модификация

Отключение автоскейла для устройств

Модификация

Масштабирование стандартных блоков

Инструкция по установке

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.5/mods.min.js"></script>

Включите автоскейл в настройках всех Zero-блоков

Для корректного масштабирования у последнего Zero-блока на странице должен быть включен автоскейл.
Задайте в настройках модификации ID или класс стандартного блока, который нужно масштабировать

Если автоскейл нужно применить сразу к нескольким блокам, их ID можно перечислить через запятую.
Скопируйте код и вставьте его в блок T123 в конец страницы

Открыть пример

Смотреть все примеры

+

Как это сделано?

<script>rescale.block('#rec854443995')</script>
<style>
    /* Адаптируем отступы справа и слева для мобильной версии */
    @media (max-width: 479px) {
        .t858 .t-col {
            padding: 0 10px !important;
        }
    }
</style>

Этот код масштабирует блок #rec854443995 на основе параметров, рассчитанных для Zero-блоков с автоскейлом. Для корректного отображения на мобильных устройствах дополнительно адаптировали через css отступы стандартного блока, чтобы он шёл размер в размер с Grid-контейнером.

Для работы модификации на странице должен быть хотя бы один Zero-блок с автоскейлом. Убеждаемся, что такой имеется и размещаем код в самом конце страницы.

Настройки модификации

ID стандартного блока:

<!--rescale.js Масштабирование стандартных блоков. https://postnikovmd.com/mods/rescale/default-->
<script>rescale.block('.t-rec')</script>

Скопировать код

Особенности

Собственные брейкпоинты

Блоки скейлятся по любой ширине, независимо от значений в настройках
Применяется ко всей странице

Свои параметры автоскейла будут работать для всей страницы
Работает с любыми блоками

Мод позволяет масштабировать как Zero, так и стандартные блоки