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

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

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

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

  • Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
    Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>
Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
  • Включите автоскейл в настройках Zero-блоков
    Для работы этой функции на странице должен быть хотя бы один Zero-блок с автоскейлом.
  • Задайте в настройках модификации 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, так и стандартные блоки

Документация

Параметры

Если при установке что-то пошло не так

Добавьте параметр ?showerrors в конец ссылки, чтобы увидеть ошибки и рекомендации по их исправлению
Понравились модификации?
Можете отправить любую сумму, чтобы поблагодарить автора за работу. Вам плюсик в карму, а мне приятно!
 
Поделитесь впечатлениями
Нравятся модификации?
Расскажите про опыт ваш работы с модификациями — обратная связь поможет сделать их лучше
Расскажите про ваш опыт работы с ними — обратная связь поможет сделать их лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис