Как сделать, чтобы при ширине экрана более 500px открывалась десктопная версия сайта без масштабирования?

Question

[Kkate2264]

При использовании данного скрипта, если изменить ориентацию телефона с вертикальной на горизонтальную, то все работает нормально, но обратно уже не возвращается. Как это можно исправить?

<script>
    function updateViewport() {
        const viewportMeta = document.querySelector('meta[name="viewport"]');
        if (window.innerWidth > 500) {
            viewportMeta.setAttribute('content', 'width=1200');
        } else {
            viewportMeta.setAttribute('content', 'width=device-width, initial-scale=1');
        }
    }

    window.addEventListener('load', updateViewport);
    window.addEventListener('resize', updateViewport);
    window.addEventListener('orientationchange', updateViewport);
</script>

Answer 1

[penushkin]

Свойство Window, предназначенное только для чтения, InternalWidth, возвращает внутреннюю ширину окна в пикселях (то есть ширину области просмотра макета окна)
Возможно имеет смысл использовать outerWidth