Страница масштабируется после изменения поворота на альбомную на мобильных устройствах Android

Question

Как избежать масштабирования страницы после изменения поворота с книжного на альбомный? Проблема появляется на мобильных устройствах Android, если содержимое превышает ширину устройства (я не могу ограничить или масштабировать изображение, должна появиться прокрутка).

Содержимое метатега области просмотра устанавливается как "ширина = ширина устройства, начальный масштаб =1,0".

Есть ли способ исправить эту проблему, кроме использования "user-scalable=no или Maximum/ Minim-Scale=1"?

Answer 1

Я столкнулся с этой проблемой и смог решить ее, перезаписав при вращении значение начальной шкалы от 1 до 1,001. Это фактически заставляет любой браузер Android, который вы используете, перерисовывать страницу, и, поскольку значения настолько близки, они будут выглядеть практически одинаковыми.

let _AndroidDevice = navigator.userAgent.includes('Android');
let metaViewport = $('meta[name=viewport]').attr('content');

if (_AndroidDevice){

    if (metaViewport.includes('initial-scale=1.001')) {
        metaViewport = metaViewport.replace('initial-scale=1.001', 'initial-scale=1.0');
    } else {
        metaViewport = metaViewport.replace('initial-scale=1.0', 'initial-scale=1.001');
    }

    $('meta[name=viewport]').attr('content', metaViewport);
}

Надеюсь это поможет.