Блог

Есть ли способ динамически настроить мета-видовой экран на мобильных устройствах при сенсорном запуске и сбросе при сенсорном завершении (я не нашел никакого решения для плавного увеличения изображений при сжатии, поэтому я хотел бы решить эту проблему таким образом)? До сих пор я пробовал вот так:

     let viewport = document.querySelector("meta[name=viewport]");
    
    function resetViewport(){
        viewport.remove();
        viewport=document.createElement('meta');
        viewport.name = "viewport";
        document.getElementsByTagName('head')[0].appendChild(viewport);
    }
    
    $('body').on('touchstart', function (e) {
        if (e.touches.length > 1) {
            resetViewport();
            viewport.setAttribute('content', 'width=device-width, maximum-scale=4, minimum-scale=1, initial-scale=1, shrink-to-fit=no, user-scalable=yes');
        }
    });

    $('body').on('touchend', function (e) {
        resetViewport();
        viewport.setAttribute('content', 'width=device-width, maximum-scale=1, minimum-scale=1, initial-scale=1, shrink-to-fit=no, user-scalable=no');
    });
 

Это работает на мобильных устройствах, но не работает в Chrome. Есть ли способ сделать это?