ВЫШЛА НОВАЯ ВЕРСИЯ АВТОСКЕЙЛА, СМОТРИТЕ ТЕЛЕГРАМ БОТ
АВТОСКЕЙЛ СТАНДАРТНЫХ БЛОКОВ
<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