Ответьте на 3 вопроса
и узнайте стоимость
вашего сайта
МЕНЮ
ДРУГИЕ УСЛУГИ

История платежей для интернет-магазинов Tilda
Автоскейл для стандартных блоков
Карта сайта
ОСНОВНОЕ

Главная
Сайты на тильде
Портфолио
Цены
Калькулятор стоимости
Бриф на сайт
Обо мне
Отзывы
Ответы на вопросы
Контакты
САЙТЫ НА ТИЛЬДЕ

Лендинг
Квиз-лендинг
Квиз
Многостраничник
Сайт-визитка
Интернет-магазин
Корпоративный сайт
Сайт-услуг
Сайт-каталог
Лонгрид
Промо-сайт
Личный сайт
БЛОГ

C чего начать разработку сайта?
Ответы на вопросы по разработке сайта
Примеры сайтов в нише недвижимость
Как работать с самозанятыми
Как сделать прототип сайта
Пример прототипа сайта
Как подготовить тексы для сайта
Все о процессе работы
От чего зависит стоимость сайта
Стили в веб-дизайне
Мобильная версия на Тильде
Лучшие сайты на Тильде
TILDA CODE
АВТОСКЕЙЛ СТАНДАРТНЫХ БЛОКОВ

<script>
    $(document).ready(function() {
        var blockIds = []; // массив идентификаторов блоков
        adjustScreenZoom(blockIds); 
    
        $(window).resize(function() {
            adjustScreenZoom(blockIds); 
        });
    });
    
    function adjustScreenZoom(blockIds) {
        var screenWidth = $(window).width();
        var zoomLevel;

        if (screenWidth <= 320) {
            zoomLevel = screenWidth / 320;
        } else if (screenWidth <= 480) {
            zoomLevel = screenWidth / 480; 
        } else if (screenWidth <= 768) {
            zoomLevel = screenWidth / 768; 
        } else {
            zoomLevel = screenWidth / 1200; 
        }
    
        // Применяем уровень зума ко всем указанным блокам
        blockIds.forEach(function(blockId) {
            $(blockId).css('zoom', zoomLevel);
        });
    }
</script>
Чтобы добавлять несколько вариантов кода с разными настройками я придумал такой конструктор.

Если у вас будет только 1 код на странице, то использовать конструктор не обязательно, просто скопируйте код и вставляете его в проект.

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

Удачи!
Понравилось решение?
Закинь денежку в благодарность за крутые
и полезные модификации для Тильды!
Made on
Tilda